#divAngular {
  /*label{
		font-size: 14px;
		font-weight: 700;
	}*/ }
  #divAngular select {
    color: #666; }

input.ng-invalid-pattern {
  border: 1px solid red; }

.AutoCompleteListContainer {
  display: block;
  position: absolute;
  /*top: 100%;*/
  /* Position it below the input field */
  left: 480px;
  /*width: 266px;  Adjust width to match the input field */
  max-height: 200px;
  /* Limit the height to make it scrollable if needed */
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1000;
  /* Ensure it appears above other elements */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

/* Style the unordered list inside the dropdown */
.AutoCompleteListContainer ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/* Style each list item */
.AutoCompleteListContainer li, option {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
  color: #333; }

/* Change background on hover */
.AutoCompleteListContainer li:hover {
  background-color: #f0f0f0; }

/* Style the anchor links inside the list items */
.AutoCompleteListContainer li a {
  text-decoration: none;
  color: #333;
  display: block; }

/* Add focus or active state styling for better accessibility */
.AutoCompleteListContainer li:focus,
.AutoCompleteListContainer li:active {
  outline: none;
  background-color: #e0e0e0; }

.filename {
  max-width: 380px;
  overflow: hidden; }

.ass {
  width: 70%;
  background-color: #dae3dc !important;
  font-size: 10px; }

#TheBody td div span, #TheBody td span {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block; }

#TheBody td {
  vertical-align: baseline; }

.ass td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 1px !important; }

#dialogAssItems input[type=checkbox] {
  display: block;
  width: 20px; }

#dialogAssItems caption {
  font-size: 20px;
  font-weight: 700; }

#dialogAssItems th {
  text-align: center; }

button.ui-button {
  margin: 10px !important; }

#dialogAssItems th, td {
  padding: 5px !important; }

.white {
  background-color: white; }

.invalid {
  border-color: red; }

.Code-Input {
  border-radius: 20px;
  border: solid gray 2px;
  width: 50px !important;
  height: 70px;
  font-size: 30px; }

#editTemplateSettings div {
  width: 50%;
  display: inline; }

#editTemplateSettings label {
  width: 40%; }

#editTemplateSettings input[type=text] {
  width: 40%; }

#editTemplateSettings input[type=checkbox] + label {
  margin-left: 40% !important; }

.showbox input {
  display: inline-block !important;
  width: 16px; }

.showbox label {
  background-image: none !important;
  padding-left: 1px !important;
  padding-top: 0px !important;
  width: auto; }

.FloatMe {
  float: left; }

.tabular .col {
  padding-right: 30px; }

.big {
  font-size: 1.5em; }

.thinGreyBorder {
  border: 1px solid grey; }

.greyBackground {
  background-color: #f3f1f1; }

/*Carousel:*/
#slides_control > div {
  height: 165px; }

.carousel-inner {
  height: 240px; }

.carousel-inner > .prev {
  left: -200px; }

.carousel-inner > .next {
  left: 200px; }

.item img {
  margin: auto;
  width: 100px; }

.carousel-indicators {
  display: none !important; }

#slides_control {
  position: absolute;
  width: 400px;
  left: 50%;
  top: 20px;
  margin-left: -200px; }

.carousel-inner > .active, .prev {
  display: flex !important; }

.carousel h4 {
  color: black; }

/*#end Carousel*/
.ui-front {
  z-index: 1 !important; }

.redBorder {
  border: 5px dotted red; }

.BackRed {
  background-color: #f5e1e1; }

.green {
  background-color: #e7f3e7; }

.window-bar label {
  width: 100%;
  text-align: center;
  cursor: move;
  font-size: 20px;
  padding-top: 0px; }

.Modal {
  top: 0vh;
  left: 0vw;
  padding: 0px 0px 0px 0px;
  position: absolute;
  /* Stay in place */
  z-index: 100;
  /* Sit on top - trying to use as modal*/
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); }

.window {
  border: 1px solid black;
  background-color: white;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  background-color: white;
  z-index: 99;
  left: 30%;
  top: 20%; }

.window-bar {
  text-align: center;
  cursor: move;
  background-color: #666666;
  color: white;
  height: 38px; }

.window-bar button {
  float: right;
  background-color: #3e6cb1;
  top: -14px;
  position: relative;
  height: 34px;
  padding: 5px;
  padding-top: 3px;
  margin-top: 9px; }

.window-bar div {
  font-size: 2vw; }

.ThinnerInput {
  font-family: Arial, "Arial Unicode MS", Helvetica, Sans-Serif !important;
  margin-top: 0px; }

.PONumber {
  font-style: italic;
  font-size: 16px;
  color: gray;
  width: 300px; }

.SubmitOrderMainHeading {
  width: 120px;
  min-width: 120px;
  font-size: 16px;
  font-weight: 600;
  color: red;
  text-align: left; }

.SubmitOrderHeadings {
  width: 300px;
  min-width: 300px;
  text-align: left;
  font-style: italic;
  color: gray;
  font-size: 16px; }

.SubmitOrderLabels {
  width: 300px;
  min-width: 300px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 6px 0px; }

.ADMdtp {
  width: 200px; }

.ADMdtp-box {
  z-index: 999 !important; }

#dialogUpload div label {
  min-width: 120px;
  width: 120px; }

#dialogUpload div input, epc-file-upload {
  width: 350px !important;
  padding-left: 4px; }

#dialogUpload epc-file-upload div {
  width: 400px !important; }

#DateWarningLabel {
  width: 140px !important;
  font-size: 10px !important; }

.ui-dialog-content {
  height: auto !important; }

/*#WarningLabel {
	width: 70px !important;
}

#WarningLabel2 {
	width: 80px !important;
}*/
/*.WarningLabel {
	width: 150px;
	height: 24px;
	background: #a72424;
	position: relative;
	animation: mymove 2s infinite;
	margin: 6px 10px 10px 10px;
	padding: 3px 0px 0px 10px;
	font-weight: 600;
	color: yellow;
	font-family: Arial;
	display: inline-block;
}

.WarningLabel:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	right: 100%;
	top: 0;
	border: 10px dotted transparent;
	border-right: 20px dotted #a72424;
}*/
.InfoBandAboveStockGrid {
  /*font-family: Arial, Verdana, Helvetica, sans-serif !important;*/
  font-size: 14px !important;
  display: flex;
  min-width: 100% !important;
  float: left;
  justify-content: space-between; }

@keyframes mymove {
  0% {
    top: 0px;
    left: -100px;
    background: #a72424; }
  50% {
    top: 0px;
    left: -60px;
    background: #a72424; }
  100% {
    top: 0px;
    left: -100px;
    background: #a72424; } }

.narrowLabel {
  width: 200px; }

.widerTextArea {
  width: 400px; }

/*
	These are used to set the padding for the main navigation bar depending on the font size (10, 12, 14, 16 and 18)
	and the line height selected (30, 32, 34, 36 and 38).
*/
*, *:before, *:after {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  min-width: 990px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #888888; }

.Search {
  font-size: 10px; }

.advancedfilter input[type="text"] {
  width: 15%; }

.DisplayFull {
  float: right;
  text-align: left; }

.BlueButton {
  background-image: linear-gradient(to bottom, #227edc, #25a9e8);
  /*this will be uneditable in website theme editer as it can only handle a color, not linera-gradients*/
  color: white; }

fieldset legend {
  color: inherit;
  font-weight: normal;
  font-size: 1.4em;
  color: #585858; }

fieldset > div {
  float: left; }
  fieldset > div.input-file, fieldset > div.contentRight, fieldset > div.file-upload {
    float: none; }

fieldset > div.fieldset {
  width: 100%; }
  fieldset > div.fieldset > div {
    float: left; }

fieldset.itemPerLine > div {
  float: none; }

/*
fieldset {
	display: inline-block;
	@include borderRadius();
	text-align: left;
}
*/
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="textarea"], input[type="tel"], input:not([type]), textarea, select {
  width: 266px; }

.qty {
  width: 63.5px !important;
  text-align: right; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset; }
  input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset; }

select {
  /*appearance: none;this was preventing caret!!!!*/
  box-shadow: 0px 9px 3px -9px #000000;
  margin-left: -4px !important; }
  select option {
    padding: 0px 12px;
    margin: 3px 0px; }

fieldset, input, select, textarea, button, .btn, .cart-button, .breadcrumb a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

input, select {
  height: 31.992px; }

.ui-dialog .ui-dialog-titlebar-close {
  margin: -10px 0 0 0 !important; }

fieldset, input, select, textarea, button, .btn, .cart-button, .breadcrumb a, .btn-noradius {
  font-family: inherit;
  display: inline-block;
  padding: 2px 12px;
  margin: 4px 0px !important;
  vertical-align: middle;
  line-height: 1.42857 !important;
  text-align: left;
  font-size: 14px;
  border: 1px solid #dededb; }
  fieldset:hover, fieldset:focus, input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, button:hover, button:focus, .btn:hover, .cart-button:hover, .breadcrumb a:hover, .btn:focus, .cart-button:focus, .breadcrumb a:focus, .btn-noradius:hover, .btn-noradius:focus {
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(234, 234, 232, 0.6);
    /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
  fieldset.disabled, fieldset:disabled, fieldset[readonly], input.disabled, input:disabled, input[readonly], select.disabled, select:disabled, select[readonly], textarea.disabled, textarea:disabled, textarea[readonly], button.disabled, button:disabled, button[readonly], .btn.disabled, .disabled.cart-button, .breadcrumb a.disabled, .btn:disabled, .cart-button:disabled, .breadcrumb a:disabled, .btn[readonly], [readonly].cart-button, .breadcrumb a[readonly], .btn-noradius.disabled, .btn-noradius:disabled, .btn-noradius[readonly] {
    border: 1px solid #f1f1f0; }
  fieldset.active, fieldset:active, input.active, input:active, select.active, select:active, textarea.active, textarea:active, button.active, button:active, .btn.active, .active.cart-button, .breadcrumb a.active, .btn:active, .cart-button:active, .breadcrumb a:active, .btn-noradius.active, .btn-noradius:active {
    box-shadow: none !important; }
  fieldset.disabled:hover, fieldset.disabled:focus, fieldset.disabled:active, fieldset[readonly], fieldset[disabled], fieldset:disabled, input.disabled:hover, input.disabled:focus, input.disabled:active, input[readonly], input[disabled], input:disabled, select.disabled:hover, select.disabled:focus, select.disabled:active, select[readonly], select[disabled], select:disabled, textarea.disabled:hover, textarea.disabled:focus, textarea.disabled:active, textarea[readonly], textarea[disabled], textarea:disabled, button.disabled:hover, button.disabled:focus, button.disabled:active, button[readonly], button[disabled], button:disabled, .btn.disabled:hover, .disabled.cart-button:hover, .breadcrumb a.disabled:hover, .btn.disabled:focus, .disabled.cart-button:focus, .breadcrumb a.disabled:focus, .btn.disabled:active, .disabled.cart-button:active, .breadcrumb a.disabled:active, .btn[readonly], [readonly].cart-button, .breadcrumb a[readonly], .btn[disabled], [disabled].cart-button, .breadcrumb a[disabled], .btn:disabled, .cart-button:disabled, .breadcrumb a:disabled, .btn-noradius.disabled:hover, .btn-noradius.disabled:focus, .btn-noradius.disabled:active, .btn-noradius[readonly], .btn-noradius[disabled], .btn-noradius:disabled {
    box-shadow: none !important;
    cursor: not-allowed;
    background-color: #F8F8F8; }
  fieldset.primary, input.primary, select.primary, textarea.primary, button.primary, .btn.primary, .primary.cart-button, .breadcrumb a.primary, .btn-noradius.primary {
    border: 1px solid #357ebd; }
    fieldset.primary:hover, fieldset.primary:focus, input.primary:hover, input.primary:focus, select.primary:hover, select.primary:focus, textarea.primary:hover, textarea.primary:focus, button.primary:hover, button.primary:focus, .btn.primary:hover, .primary.cart-button:hover, .breadcrumb a.primary:hover, .btn.primary:focus, .primary.cart-button:focus, .breadcrumb a.primary:focus, .btn-noradius.primary:hover, .btn-noradius.primary:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(66, 139, 202, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    fieldset.primary.disabled, fieldset.primary:disabled, fieldset.primary[readonly], input.primary.disabled, input.primary:disabled, input.primary[readonly], select.primary.disabled, select.primary:disabled, select.primary[readonly], textarea.primary.disabled, textarea.primary:disabled, textarea.primary[readonly], button.primary.disabled, button.primary:disabled, button.primary[readonly], .btn.primary.disabled, .primary.disabled.cart-button, .breadcrumb a.primary.disabled, .btn.primary:disabled, .primary.cart-button:disabled, .breadcrumb a.primary:disabled, .btn.primary[readonly], .primary[readonly].cart-button, .breadcrumb a.primary[readonly], .btn-noradius.primary.disabled, .btn-noradius.primary:disabled, .btn-noradius.primary[readonly] {
      border: 1px solid #84b4dd; }
    fieldset.primary.active, fieldset.primary:active, input.primary.active, input.primary:active, select.primary.active, select.primary:active, textarea.primary.active, textarea.primary:active, button.primary.active, button.primary:active, .btn.primary.active, .primary.active.cart-button, .breadcrumb a.primary.active, .btn.primary:active, .primary.cart-button:active, .breadcrumb a.primary:active, .btn-noradius.primary.active, .btn-noradius.primary:active {
      box-shadow: none !important; }
  fieldset.danger, fieldset.stop, input.danger, input.stop, select.danger, select.stop, textarea.danger, textarea.stop, button.danger, button.stop, .btn.danger, .btn.stop, .stop.cart-button, .breadcrumb a.stop, .danger.cart-button, .breadcrumb a.danger, .btn-noradius.danger, .btn-noradius.stop {
    border: 1px solid #d43f3a; }
    fieldset.danger:hover, fieldset.stop:hover, fieldset.danger:focus, fieldset.stop:focus, input.danger:hover, input.stop:hover, input.danger:focus, input.stop:focus, select.danger:hover, select.stop:hover, select.danger:focus, select.stop:focus, textarea.danger:hover, textarea.stop:hover, textarea.danger:focus, textarea.stop:focus, button.danger:hover, button.stop:hover, button.danger:focus, button.stop:focus, .btn.danger:hover, .btn.stop:hover, .stop.cart-button:hover, .breadcrumb a.stop:hover, .danger.cart-button:hover, .breadcrumb a.danger:hover, .btn.danger:focus, .btn.stop:focus, .stop.cart-button:focus, .breadcrumb a.stop:focus, .danger.cart-button:focus, .breadcrumb a.danger:focus, .btn-noradius.danger:hover, .btn-noradius.stop:hover, .btn-noradius.danger:focus, .btn-noradius.stop:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(217, 83, 79, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    fieldset.danger.disabled, fieldset.disabled.stop, fieldset.danger:disabled, fieldset.stop:disabled, fieldset.danger[readonly], fieldset[readonly].stop, input.danger.disabled, input.disabled.stop, input.danger:disabled, input.stop:disabled, input.danger[readonly], input[readonly].stop, select.danger.disabled, select.disabled.stop, select.danger:disabled, select.stop:disabled, select.danger[readonly], select[readonly].stop, textarea.danger.disabled, textarea.disabled.stop, textarea.danger:disabled, textarea.stop:disabled, textarea.danger[readonly], textarea[readonly].stop, button.danger.disabled, button.disabled.stop, button.danger:disabled, button.stop:disabled, button.danger[readonly], button[readonly].stop, .btn.danger.disabled, .btn.disabled.stop, .disabled.stop.cart-button, .breadcrumb a.disabled.stop, .danger.disabled.cart-button, .breadcrumb a.danger.disabled, .btn.danger:disabled, .btn.stop:disabled, .stop.cart-button:disabled, .breadcrumb a.stop:disabled, .danger.cart-button:disabled, .breadcrumb a.danger:disabled, .btn.danger[readonly], .btn[readonly].stop, [readonly].stop.cart-button, .breadcrumb a[readonly].stop, .danger[readonly].cart-button, .breadcrumb a.danger[readonly], .btn-noradius.danger.disabled, .btn-noradius.disabled.stop, .btn-noradius.danger:disabled, .btn-noradius.stop:disabled, .btn-noradius.danger[readonly], .btn-noradius[readonly].stop {
      border: 1px solid #e68f8d; }
    fieldset.danger.active, fieldset.active.stop, fieldset.danger:active, fieldset.stop:active, input.danger.active, input.active.stop, input.danger:active, input.stop:active, select.danger.active, select.active.stop, select.danger:active, select.stop:active, textarea.danger.active, textarea.active.stop, textarea.danger:active, textarea.stop:active, button.danger.active, button.active.stop, button.danger:active, button.stop:active, .btn.danger.active, .btn.active.stop, .active.stop.cart-button, .breadcrumb a.active.stop, .danger.active.cart-button, .breadcrumb a.danger.active, .btn.danger:active, .btn.stop:active, .stop.cart-button:active, .breadcrumb a.stop:active, .danger.cart-button:active, .breadcrumb a.danger:active, .btn-noradius.danger.active, .btn-noradius.active.stop, .btn-noradius.danger:active, .btn-noradius.stop:active {
      box-shadow: none !important; }
  fieldset.warning, input.warning, select.warning, textarea.warning, button.warning, .btn.warning, .warning.cart-button, .breadcrumb a.warning, .btn-noradius.warning {
    border: 1px solid #eea236; }
    fieldset.warning:hover, fieldset.warning:focus, input.warning:hover, input.warning:focus, select.warning:hover, select.warning:focus, textarea.warning:hover, textarea.warning:focus, button.warning:hover, button.warning:focus, .btn.warning:hover, .warning.cart-button:hover, .breadcrumb a.warning:hover, .btn.warning:focus, .warning.cart-button:focus, .breadcrumb a.warning:focus, .btn-noradius.warning:hover, .btn-noradius.warning:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(240, 173, 78, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    fieldset.warning.disabled, fieldset.warning:disabled, fieldset.warning[readonly], input.warning.disabled, input.warning:disabled, input.warning[readonly], select.warning.disabled, select.warning:disabled, select.warning[readonly], textarea.warning.disabled, textarea.warning:disabled, textarea.warning[readonly], button.warning.disabled, button.warning:disabled, button.warning[readonly], .btn.warning.disabled, .warning.disabled.cart-button, .breadcrumb a.warning.disabled, .btn.warning:disabled, .warning.cart-button:disabled, .breadcrumb a.warning:disabled, .btn.warning[readonly], .warning[readonly].cart-button, .breadcrumb a.warning[readonly], .btn-noradius.warning.disabled, .btn-noradius.warning:disabled, .btn-noradius.warning[readonly] {
      border: 1px solid #f5ca8c; }
    fieldset.warning.active, fieldset.warning:active, input.warning.active, input.warning:active, select.warning.active, select.warning:active, textarea.warning.active, textarea.warning:active, button.warning.active, button.warning:active, .btn.warning.active, .warning.active.cart-button, .breadcrumb a.warning.active, .btn.warning:active, .warning.cart-button:active, .breadcrumb a.warning:active, .btn-noradius.warning.active, .btn-noradius.warning:active {
      box-shadow: none !important; }
  fieldset.success, fieldset.start, input.success, input.start, select.success, select.start, textarea.success, textarea.start, button.success, button.start, .btn.success, .btn.start, .start.cart-button, .breadcrumb a.start, .success.cart-button, .breadcrumb a.success, .btn-noradius.success, .btn-noradius.start {
    border: 1px solid #4cae4c; }
    fieldset.success:hover, fieldset.start:hover, fieldset.success:focus, fieldset.start:focus, input.success:hover, input.start:hover, input.success:focus, input.start:focus, select.success:hover, select.start:hover, select.success:focus, select.start:focus, textarea.success:hover, textarea.start:hover, textarea.success:focus, textarea.start:focus, button.success:hover, button.start:hover, button.success:focus, button.start:focus, .btn.success:hover, .btn.start:hover, .start.cart-button:hover, .breadcrumb a.start:hover, .success.cart-button:hover, .breadcrumb a.success:hover, .btn.success:focus, .btn.start:focus, .start.cart-button:focus, .breadcrumb a.start:focus, .success.cart-button:focus, .breadcrumb a.success:focus, .btn-noradius.success:hover, .btn-noradius.start:hover, .btn-noradius.success:focus, .btn-noradius.start:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(92, 184, 92, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    fieldset.success.disabled, fieldset.disabled.start, fieldset.success:disabled, fieldset.start:disabled, fieldset.success[readonly], fieldset[readonly].start, input.success.disabled, input.disabled.start, input.success:disabled, input.start:disabled, input.success[readonly], input[readonly].start, select.success.disabled, select.disabled.start, select.success:disabled, select.start:disabled, select.success[readonly], select[readonly].start, textarea.success.disabled, textarea.disabled.start, textarea.success:disabled, textarea.start:disabled, textarea.success[readonly], textarea[readonly].start, button.success.disabled, button.disabled.start, button.success:disabled, button.start:disabled, button.success[readonly], button[readonly].start, .btn.success.disabled, .btn.disabled.start, .disabled.start.cart-button, .breadcrumb a.disabled.start, .success.disabled.cart-button, .breadcrumb a.success.disabled, .btn.success:disabled, .btn.start:disabled, .start.cart-button:disabled, .breadcrumb a.start:disabled, .success.cart-button:disabled, .breadcrumb a.success:disabled, .btn.success[readonly], .btn[readonly].start, [readonly].start.cart-button, .breadcrumb a[readonly].start, .success[readonly].cart-button, .breadcrumb a.success[readonly], .btn-noradius.success.disabled, .btn-noradius.disabled.start, .btn-noradius.success:disabled, .btn-noradius.start:disabled, .btn-noradius.success[readonly], .btn-noradius[readonly].start {
      border: 1px solid #95d195; }
    fieldset.success.active, fieldset.active.start, fieldset.success:active, fieldset.start:active, input.success.active, input.active.start, input.success:active, input.start:active, select.success.active, select.active.start, select.success:active, select.start:active, textarea.success.active, textarea.active.start, textarea.success:active, textarea.start:active, button.success.active, button.active.start, button.success:active, button.start:active, .btn.success.active, .btn.active.start, .active.start.cart-button, .breadcrumb a.active.start, .success.active.cart-button, .breadcrumb a.success.active, .btn.success:active, .btn.start:active, .start.cart-button:active, .breadcrumb a.start:active, .success.cart-button:active, .breadcrumb a.success:active, .btn-noradius.success.active, .btn-noradius.active.start, .btn-noradius.success:active, .btn-noradius.start:active {
      box-shadow: none !important; }
  fieldset.info, input.info, select.info, textarea.info, button.info, .btn.info, .info.cart-button, .breadcrumb a.info, .btn-noradius.info {
    border: 1px solid #46b8da; }
    fieldset.info:hover, fieldset.info:focus, input.info:hover, input.info:focus, select.info:hover, select.info:focus, textarea.info:hover, textarea.info:focus, button.info:hover, button.info:focus, .btn.info:hover, .info.cart-button:hover, .breadcrumb a.info:hover, .btn.info:focus, .info.cart-button:focus, .breadcrumb a.info:focus, .btn-noradius.info:hover, .btn-noradius.info:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(91, 192, 222, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    fieldset.info.disabled, fieldset.info:disabled, fieldset.info[readonly], input.info.disabled, input.info:disabled, input.info[readonly], select.info.disabled, select.info:disabled, select.info[readonly], textarea.info.disabled, textarea.info:disabled, textarea.info[readonly], button.info.disabled, button.info:disabled, button.info[readonly], .btn.info.disabled, .info.disabled.cart-button, .breadcrumb a.info.disabled, .btn.info:disabled, .info.cart-button:disabled, .breadcrumb a.info:disabled, .btn.info[readonly], .info[readonly].cart-button, .breadcrumb a.info[readonly], .btn-noradius.info.disabled, .btn-noradius.info:disabled, .btn-noradius.info[readonly] {
      border: 1px solid #94d6ea; }
    fieldset.info.active, fieldset.info:active, input.info.active, input.info:active, select.info.active, select.info:active, textarea.info.active, textarea.info:active, button.info.active, button.info:active, .btn.info.active, .info.active.cart-button, .breadcrumb a.info.active, .btn.info:active, .info.cart-button:active, .breadcrumb a.info:active, .btn-noradius.info.active, .btn-noradius.info:active {
      box-shadow: none !important; }
  fieldset[src], fieldset[type="image"], input[src], input[type="image"], select[src], select[type="image"], textarea[src], textarea[type="image"], button[src], button[type="image"], .btn[src], [src].cart-button, .breadcrumb a[src], .btn[type="image"], [type="image"].cart-button, .breadcrumb a[type="image"], .btn-noradius[src], .btn-noradius[type="image"] {
    padding: 0px;
    border: none; }
  fieldset.small, input.small, select.small, textarea.small, button.small, .btn.small, .small.cart-button, .breadcrumb a.small, .btn-noradius.small {
    padding: 3px 6px;
    font-size: 14px; }

button, input[type=submit], input[type=button], .btn, .cart-button, .breadcrumb a, .btn-noradius, button.ui-button.ui-state-default {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  text-align: center;
  color: #888888;
  background-color: #eaeae8;
  background-color: #eaeae8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eaeae8));
  background-image: -webkit-linear-gradient(top, #fdfdfd, #eaeae8);
  background-image: -moz-linear-gradient(top, #fdfdfd, #eaeae8);
  background-image: -ms-linear-gradient(top, #fdfdfd, #eaeae8);
  background-image: -o-linear-gradient(top, #fdfdfd, #eaeae8);
  background-image: linear-gradient(to bottom, #fdfdfd, #eaeae8); }
  button a, button span, input[type=submit] a, input[type=submit] span, input[type=button] a, input[type=button] span, .btn a, .cart-button a, .breadcrumb a a, .btn span, .cart-button span, .breadcrumb a span, .btn-noradius a, .btn-noradius span, button.ui-button.ui-state-default a, button.ui-button.ui-state-default span {
    color: #888888; }
  button:hover, button a:hover, button a:focus, button.selected, input[type=submit]:hover, input[type=submit] a:hover, input[type=submit] a:focus, input[type=submit].selected, input[type=button]:hover, input[type=button] a:hover, input[type=button] a:focus, input[type=button].selected, .btn:hover, .cart-button:hover, .breadcrumb a:hover, .btn a:hover, .cart-button a:hover, .breadcrumb a a:hover, .btn a:focus, .cart-button a:focus, .breadcrumb a a:focus, .btn.selected, .selected.cart-button, .breadcrumb a.selected, .btn-noradius:hover, .btn-noradius a:hover, .btn-noradius a:focus, .btn-noradius.selected, button.ui-button.ui-state-default:hover, button.ui-button.ui-state-default a:hover, button.ui-button.ui-state-default a:focus, button.ui-button.ui-state-default.selected {
    /* removed &:focus,  so that button returns to color on un-hover*/
    color: #666666;
    background-color: #d2d2cd;
    background-image: none; }
  button:active, button.active, input[type=submit]:active, input[type=submit].active, input[type=button]:active, input[type=button].active, .btn:active, .cart-button:active, .breadcrumb a:active, .btn.active, .active.cart-button, .breadcrumb a.active, .btn-noradius:active, .btn-noradius.active, button.ui-button.ui-state-default:active, button.ui-button.ui-state-default.active {
    background-image: none; }
    button:active:hover, button:active:focus, button.active:hover, button.active:focus, input[type=submit]:active:hover, input[type=submit]:active:focus, input[type=submit].active:hover, input[type=submit].active:focus, input[type=button]:active:hover, input[type=button]:active:focus, input[type=button].active:hover, input[type=button].active:focus, .btn:active:hover, .cart-button:active:hover, .breadcrumb a:active:hover, .btn:active:focus, .cart-button:active:focus, .breadcrumb a:active:focus, .btn.active:hover, .active.cart-button:hover, .breadcrumb a.active:hover, .btn.active:focus, .active.cart-button:focus, .breadcrumb a.active:focus, .btn-noradius:active:hover, .btn-noradius:active:focus, .btn-noradius.active:hover, .btn-noradius.active:focus, button.ui-button.ui-state-default:active:hover, button.ui-button.ui-state-default:active:focus, button.ui-button.ui-state-default.active:hover, button.ui-button.ui-state-default.active:focus {
      background-color: #eaeae8;
      background-image: none; }
  button.disabled, button:disabled, button a.disabled, button a:disabled, input[type=submit].disabled, input[type=submit]:disabled, input[type=submit] a.disabled, input[type=submit] a:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=button] a.disabled, input[type=button] a:disabled, .btn.disabled, .disabled.cart-button, .breadcrumb a.disabled, .btn:disabled, .cart-button:disabled, .breadcrumb a:disabled, .btn a.disabled, .cart-button a.disabled, .breadcrumb a a.disabled, .btn a:disabled, .cart-button a:disabled, .breadcrumb a a:disabled, .btn-noradius.disabled, .btn-noradius:disabled, .btn-noradius a.disabled, .btn-noradius a:disabled, button.ui-button.ui-state-default.disabled, button.ui-button.ui-state-default:disabled, button.ui-button.ui-state-default a.disabled, button.ui-button.ui-state-default a:disabled {
    background-color: #f5f5f4;
    background-image: none; }
    button.disabled:hover, button.disabled:focus, button:disabled:hover, button:disabled:focus, button a.disabled:hover, button a.disabled:focus, button a:disabled:hover, button a:disabled:focus, input[type=submit].disabled:hover, input[type=submit].disabled:focus, input[type=submit]:disabled:hover, input[type=submit]:disabled:focus, input[type=submit] a.disabled:hover, input[type=submit] a.disabled:focus, input[type=submit] a:disabled:hover, input[type=submit] a:disabled:focus, input[type=button].disabled:hover, input[type=button].disabled:focus, input[type=button]:disabled:hover, input[type=button]:disabled:focus, input[type=button] a.disabled:hover, input[type=button] a.disabled:focus, input[type=button] a:disabled:hover, input[type=button] a:disabled:focus, .btn.disabled:hover, .disabled.cart-button:hover, .breadcrumb a.disabled:hover, .btn.disabled:focus, .disabled.cart-button:focus, .breadcrumb a.disabled:focus, .btn:disabled:hover, .cart-button:disabled:hover, .breadcrumb a:disabled:hover, .btn:disabled:focus, .cart-button:disabled:focus, .breadcrumb a:disabled:focus, .btn a.disabled:hover, .cart-button a.disabled:hover, .breadcrumb a a.disabled:hover, .btn a.disabled:focus, .cart-button a.disabled:focus, .breadcrumb a a.disabled:focus, .btn a:disabled:hover, .cart-button a:disabled:hover, .breadcrumb a a:disabled:hover, .btn a:disabled:focus, .cart-button a:disabled:focus, .breadcrumb a a:disabled:focus, .btn-noradius.disabled:hover, .btn-noradius.disabled:focus, .btn-noradius:disabled:hover, .btn-noradius:disabled:focus, .btn-noradius a.disabled:hover, .btn-noradius a.disabled:focus, .btn-noradius a:disabled:hover, .btn-noradius a:disabled:focus, button.ui-button.ui-state-default.disabled:hover, button.ui-button.ui-state-default.disabled:focus, button.ui-button.ui-state-default:disabled:hover, button.ui-button.ui-state-default:disabled:focus, button.ui-button.ui-state-default a.disabled:hover, button.ui-button.ui-state-default a.disabled:focus, button.ui-button.ui-state-default a:disabled:hover, button.ui-button.ui-state-default a:disabled:focus {
      background-color: #f5f5f4;
      background-image: none; }
  button.primary, input[type=submit].primary, input[type=button].primary, .btn.primary, .primary.cart-button, .breadcrumb a.primary, .btn-noradius.primary, button.ui-button.ui-state-default.primary {
    color: #ffffff;
    background-color: #428bca;
    background-color: #428bca;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#629fd3), to(#428bca));
    background-image: -webkit-linear-gradient(top, #629fd3, #428bca);
    background-image: -moz-linear-gradient(top, #629fd3, #428bca);
    background-image: -ms-linear-gradient(top, #629fd3, #428bca);
    background-image: -o-linear-gradient(top, #629fd3, #428bca);
    background-image: linear-gradient(to bottom, #629fd3, #428bca); }
    button.primary a, button.primary span, input[type=submit].primary a, input[type=submit].primary span, input[type=button].primary a, input[type=button].primary span, .btn.primary a, .primary.cart-button a, .breadcrumb a.primary a, .btn.primary span, .primary.cart-button span, .breadcrumb a.primary span, .btn-noradius.primary a, .btn-noradius.primary span, button.ui-button.ui-state-default.primary a, button.ui-button.ui-state-default.primary span {
      color: #ffffff; }
    button.primary:hover, button.primary a:hover, button.primary a:focus, button.primary.selected, input[type=submit].primary:hover, input[type=submit].primary a:hover, input[type=submit].primary a:focus, input[type=submit].primary.selected, input[type=button].primary:hover, input[type=button].primary a:hover, input[type=button].primary a:focus, input[type=button].primary.selected, .btn.primary:hover, .primary.cart-button:hover, .breadcrumb a.primary:hover, .btn.primary a:hover, .primary.cart-button a:hover, .breadcrumb a.primary a:hover, .btn.primary a:focus, .primary.cart-button a:focus, .breadcrumb a.primary a:focus, .btn.primary.selected, .primary.selected.cart-button, .breadcrumb a.primary.selected, .btn-noradius.primary:hover, .btn-noradius.primary a:hover, .btn-noradius.primary a:focus, .btn-noradius.primary.selected, button.ui-button.ui-state-default.primary:hover, button.ui-button.ui-state-default.primary a:hover, button.ui-button.ui-state-default.primary a:focus, button.ui-button.ui-state-default.primary.selected {
      /* removed &:focus,  so that button returns to color on un-hover*/
      color: #ffffff;
      background-color: #3071a9;
      background-image: none; }
    button.primary:active, button.primary.active, input[type=submit].primary:active, input[type=submit].primary.active, input[type=button].primary:active, input[type=button].primary.active, .btn.primary:active, .primary.cart-button:active, .breadcrumb a.primary:active, .btn.primary.active, .primary.active.cart-button, .breadcrumb a.primary.active, .btn-noradius.primary:active, .btn-noradius.primary.active, button.ui-button.ui-state-default.primary:active, button.ui-button.ui-state-default.primary.active {
      background-image: none; }
      button.primary:active:hover, button.primary:active:focus, button.primary.active:hover, button.primary.active:focus, input[type=submit].primary:active:hover, input[type=submit].primary:active:focus, input[type=submit].primary.active:hover, input[type=submit].primary.active:focus, input[type=button].primary:active:hover, input[type=button].primary:active:focus, input[type=button].primary.active:hover, input[type=button].primary.active:focus, .btn.primary:active:hover, .primary.cart-button:active:hover, .breadcrumb a.primary:active:hover, .btn.primary:active:focus, .primary.cart-button:active:focus, .breadcrumb a.primary:active:focus, .btn.primary.active:hover, .primary.active.cart-button:hover, .breadcrumb a.primary.active:hover, .btn.primary.active:focus, .primary.active.cart-button:focus, .breadcrumb a.primary.active:focus, .btn-noradius.primary:active:hover, .btn-noradius.primary:active:focus, .btn-noradius.primary.active:hover, .btn-noradius.primary.active:focus, button.ui-button.ui-state-default.primary:active:hover, button.ui-button.ui-state-default.primary:active:focus, button.ui-button.ui-state-default.primary.active:hover, button.ui-button.ui-state-default.primary.active:focus {
        background-color: #428bca;
        background-image: none; }
    button.primary.disabled, button.primary:disabled, button.primary a.disabled, button.primary a:disabled, input[type=submit].primary.disabled, input[type=submit].primary:disabled, input[type=submit].primary a.disabled, input[type=submit].primary a:disabled, input[type=button].primary.disabled, input[type=button].primary:disabled, input[type=button].primary a.disabled, input[type=button].primary a:disabled, .btn.primary.disabled, .primary.disabled.cart-button, .breadcrumb a.primary.disabled, .btn.primary:disabled, .primary.cart-button:disabled, .breadcrumb a.primary:disabled, .btn.primary a.disabled, .primary.cart-button a.disabled, .breadcrumb a.primary a.disabled, .btn.primary a:disabled, .primary.cart-button a:disabled, .breadcrumb a.primary a:disabled, .btn-noradius.primary.disabled, .btn-noradius.primary:disabled, .btn-noradius.primary a.disabled, .btn-noradius.primary a:disabled, button.ui-button.ui-state-default.primary.disabled, button.ui-button.ui-state-default.primary:disabled, button.ui-button.ui-state-default.primary a.disabled, button.ui-button.ui-state-default.primary a:disabled {
      background-color: #a1c5e5;
      background-image: none; }
      button.primary.disabled:hover, button.primary.disabled:focus, button.primary:disabled:hover, button.primary:disabled:focus, button.primary a.disabled:hover, button.primary a.disabled:focus, button.primary a:disabled:hover, button.primary a:disabled:focus, input[type=submit].primary.disabled:hover, input[type=submit].primary.disabled:focus, input[type=submit].primary:disabled:hover, input[type=submit].primary:disabled:focus, input[type=submit].primary a.disabled:hover, input[type=submit].primary a.disabled:focus, input[type=submit].primary a:disabled:hover, input[type=submit].primary a:disabled:focus, input[type=button].primary.disabled:hover, input[type=button].primary.disabled:focus, input[type=button].primary:disabled:hover, input[type=button].primary:disabled:focus, input[type=button].primary a.disabled:hover, input[type=button].primary a.disabled:focus, input[type=button].primary a:disabled:hover, input[type=button].primary a:disabled:focus, .btn.primary.disabled:hover, .primary.disabled.cart-button:hover, .breadcrumb a.primary.disabled:hover, .btn.primary.disabled:focus, .primary.disabled.cart-button:focus, .breadcrumb a.primary.disabled:focus, .btn.primary:disabled:hover, .primary.cart-button:disabled:hover, .breadcrumb a.primary:disabled:hover, .btn.primary:disabled:focus, .primary.cart-button:disabled:focus, .breadcrumb a.primary:disabled:focus, .btn.primary a.disabled:hover, .primary.cart-button a.disabled:hover, .breadcrumb a.primary a.disabled:hover, .btn.primary a.disabled:focus, .primary.cart-button a.disabled:focus, .breadcrumb a.primary a.disabled:focus, .btn.primary a:disabled:hover, .primary.cart-button a:disabled:hover, .breadcrumb a.primary a:disabled:hover, .btn.primary a:disabled:focus, .primary.cart-button a:disabled:focus, .breadcrumb a.primary a:disabled:focus, .btn-noradius.primary.disabled:hover, .btn-noradius.primary.disabled:focus, .btn-noradius.primary:disabled:hover, .btn-noradius.primary:disabled:focus, .btn-noradius.primary a.disabled:hover, .btn-noradius.primary a.disabled:focus, .btn-noradius.primary a:disabled:hover, .btn-noradius.primary a:disabled:focus, button.ui-button.ui-state-default.primary.disabled:hover, button.ui-button.ui-state-default.primary.disabled:focus, button.ui-button.ui-state-default.primary:disabled:hover, button.ui-button.ui-state-default.primary:disabled:focus, button.ui-button.ui-state-default.primary a.disabled:hover, button.ui-button.ui-state-default.primary a.disabled:focus, button.ui-button.ui-state-default.primary a:disabled:hover, button.ui-button.ui-state-default.primary a:disabled:focus {
        background-color: #a1c5e5;
        background-image: none; }
  button.danger, button.stop, input[type=submit].danger, input[type=submit].stop, input[type=button].danger, input[type=button].stop, .btn.danger, .btn.stop, .stop.cart-button, .breadcrumb a.stop, .danger.cart-button, .breadcrumb a.danger, .btn-noradius.danger, .btn-noradius.stop, button.ui-button.ui-state-default.danger, button.ui-button.ui-state-default.stop {
    color: #ffffff;
    background-color: #d9534f;
    background-color: #d9534f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e07471), to(#d9534f));
    background-image: -webkit-linear-gradient(top, #e07471, #d9534f);
    background-image: -moz-linear-gradient(top, #e07471, #d9534f);
    background-image: -ms-linear-gradient(top, #e07471, #d9534f);
    background-image: -o-linear-gradient(top, #e07471, #d9534f);
    background-image: linear-gradient(to bottom, #e07471, #d9534f); }
    button.danger a, button.stop a, button.danger span, button.stop span, input[type=submit].danger a, input[type=submit].stop a, input[type=submit].danger span, input[type=submit].stop span, input[type=button].danger a, input[type=button].stop a, input[type=button].danger span, input[type=button].stop span, .btn.danger a, .btn.stop a, .stop.cart-button a, .breadcrumb a.stop a, .danger.cart-button a, .breadcrumb a.danger a, .btn.danger span, .btn.stop span, .stop.cart-button span, .breadcrumb a.stop span, .danger.cart-button span, .breadcrumb a.danger span, .btn-noradius.danger a, .btn-noradius.stop a, .btn-noradius.danger span, .btn-noradius.stop span, button.ui-button.ui-state-default.danger a, button.ui-button.ui-state-default.stop a, button.ui-button.ui-state-default.danger span, button.ui-button.ui-state-default.stop span {
      color: #ffffff; }
    button.danger:hover, button.stop:hover, button.danger a:hover, button.stop a:hover, button.danger a:focus, button.stop a:focus, button.danger.selected, button.selected.stop, input[type=submit].danger:hover, input[type=submit].stop:hover, input[type=submit].danger a:hover, input[type=submit].stop a:hover, input[type=submit].danger a:focus, input[type=submit].stop a:focus, input[type=submit].danger.selected, input[type=submit].selected.stop, input[type=button].danger:hover, input[type=button].stop:hover, input[type=button].danger a:hover, input[type=button].stop a:hover, input[type=button].danger a:focus, input[type=button].stop a:focus, input[type=button].danger.selected, input[type=button].selected.stop, .btn.danger:hover, .btn.stop:hover, .stop.cart-button:hover, .breadcrumb a.stop:hover, .danger.cart-button:hover, .breadcrumb a.danger:hover, .btn.danger a:hover, .btn.stop a:hover, .stop.cart-button a:hover, .breadcrumb a.stop a:hover, .danger.cart-button a:hover, .breadcrumb a.danger a:hover, .btn.danger a:focus, .btn.stop a:focus, .stop.cart-button a:focus, .breadcrumb a.stop a:focus, .danger.cart-button a:focus, .breadcrumb a.danger a:focus, .btn.danger.selected, .btn.selected.stop, .selected.stop.cart-button, .breadcrumb a.selected.stop, .danger.selected.cart-button, .breadcrumb a.danger.selected, .btn-noradius.danger:hover, .btn-noradius.stop:hover, .btn-noradius.danger a:hover, .btn-noradius.stop a:hover, .btn-noradius.danger a:focus, .btn-noradius.stop a:focus, .btn-noradius.danger.selected, .btn-noradius.selected.stop, button.ui-button.ui-state-default.danger:hover, button.ui-button.ui-state-default.stop:hover, button.ui-button.ui-state-default.danger a:hover, button.ui-button.ui-state-default.stop a:hover, button.ui-button.ui-state-default.danger a:focus, button.ui-button.ui-state-default.stop a:focus, button.ui-button.ui-state-default.danger.selected, button.ui-button.ui-state-default.selected.stop {
      /* removed &:focus,  so that button returns to color on un-hover*/
      color: #ffffff;
      background-color: #c9302c;
      background-image: none; }
    button.danger:active, button.stop:active, button.danger.active, button.active.stop, input[type=submit].danger:active, input[type=submit].stop:active, input[type=submit].danger.active, input[type=submit].active.stop, input[type=button].danger:active, input[type=button].stop:active, input[type=button].danger.active, input[type=button].active.stop, .btn.danger:active, .btn.stop:active, .stop.cart-button:active, .breadcrumb a.stop:active, .danger.cart-button:active, .breadcrumb a.danger:active, .btn.danger.active, .btn.active.stop, .active.stop.cart-button, .breadcrumb a.active.stop, .danger.active.cart-button, .breadcrumb a.danger.active, .btn-noradius.danger:active, .btn-noradius.stop:active, .btn-noradius.danger.active, .btn-noradius.active.stop, button.ui-button.ui-state-default.danger:active, button.ui-button.ui-state-default.stop:active, button.ui-button.ui-state-default.danger.active, button.ui-button.ui-state-default.active.stop {
      background-image: none; }
      button.danger:active:hover, button.stop:active:hover, button.danger:active:focus, button.stop:active:focus, button.danger.active:hover, button.active.stop:hover, button.danger.active:focus, button.active.stop:focus, input[type=submit].danger:active:hover, input[type=submit].stop:active:hover, input[type=submit].danger:active:focus, input[type=submit].stop:active:focus, input[type=submit].danger.active:hover, input[type=submit].active.stop:hover, input[type=submit].danger.active:focus, input[type=submit].active.stop:focus, input[type=button].danger:active:hover, input[type=button].stop:active:hover, input[type=button].danger:active:focus, input[type=button].stop:active:focus, input[type=button].danger.active:hover, input[type=button].active.stop:hover, input[type=button].danger.active:focus, input[type=button].active.stop:focus, .btn.danger:active:hover, .btn.stop:active:hover, .stop.cart-button:active:hover, .breadcrumb a.stop:active:hover, .danger.cart-button:active:hover, .breadcrumb a.danger:active:hover, .btn.danger:active:focus, .btn.stop:active:focus, .stop.cart-button:active:focus, .breadcrumb a.stop:active:focus, .danger.cart-button:active:focus, .breadcrumb a.danger:active:focus, .btn.danger.active:hover, .btn.active.stop:hover, .active.stop.cart-button:hover, .breadcrumb a.active.stop:hover, .danger.active.cart-button:hover, .breadcrumb a.danger.active:hover, .btn.danger.active:focus, .btn.active.stop:focus, .active.stop.cart-button:focus, .breadcrumb a.active.stop:focus, .danger.active.cart-button:focus, .breadcrumb a.danger.active:focus, .btn-noradius.danger:active:hover, .btn-noradius.stop:active:hover, .btn-noradius.danger:active:focus, .btn-noradius.stop:active:focus, .btn-noradius.danger.active:hover, .btn-noradius.active.stop:hover, .btn-noradius.danger.active:focus, .btn-noradius.active.stop:focus, button.ui-button.ui-state-default.danger:active:hover, button.ui-button.ui-state-default.stop:active:hover, button.ui-button.ui-state-default.danger:active:focus, button.ui-button.ui-state-default.stop:active:focus, button.ui-button.ui-state-default.danger.active:hover, button.ui-button.ui-state-default.active.stop:hover, button.ui-button.ui-state-default.danger.active:focus, button.ui-button.ui-state-default.active.stop:focus {
        background-color: #d9534f;
        background-image: none; }
    button.danger.disabled, button.disabled.stop, button.danger:disabled, button.stop:disabled, button.danger a.disabled, button.stop a.disabled, button.danger a:disabled, button.stop a:disabled, input[type=submit].danger.disabled, input[type=submit].disabled.stop, input[type=submit].danger:disabled, input[type=submit].stop:disabled, input[type=submit].danger a.disabled, input[type=submit].stop a.disabled, input[type=submit].danger a:disabled, input[type=submit].stop a:disabled, input[type=button].danger.disabled, input[type=button].disabled.stop, input[type=button].danger:disabled, input[type=button].stop:disabled, input[type=button].danger a.disabled, input[type=button].stop a.disabled, input[type=button].danger a:disabled, input[type=button].stop a:disabled, .btn.danger.disabled, .btn.disabled.stop, .disabled.stop.cart-button, .breadcrumb a.disabled.stop, .danger.disabled.cart-button, .breadcrumb a.danger.disabled, .btn.danger:disabled, .btn.stop:disabled, .stop.cart-button:disabled, .breadcrumb a.stop:disabled, .danger.cart-button:disabled, .breadcrumb a.danger:disabled, .btn.danger a.disabled, .btn.stop a.disabled, .stop.cart-button a.disabled, .breadcrumb a.stop a.disabled, .danger.cart-button a.disabled, .breadcrumb a.danger a.disabled, .btn.danger a:disabled, .btn.stop a:disabled, .stop.cart-button a:disabled, .breadcrumb a.stop a:disabled, .danger.cart-button a:disabled, .breadcrumb a.danger a:disabled, .btn-noradius.danger.disabled, .btn-noradius.disabled.stop, .btn-noradius.danger:disabled, .btn-noradius.stop:disabled, .btn-noradius.danger a.disabled, .btn-noradius.stop a.disabled, .btn-noradius.danger a:disabled, .btn-noradius.stop a:disabled, button.ui-button.ui-state-default.danger.disabled, button.ui-button.ui-state-default.disabled.stop, button.ui-button.ui-state-default.danger:disabled, button.ui-button.ui-state-default.stop:disabled, button.ui-button.ui-state-default.danger a.disabled, button.ui-button.ui-state-default.stop a.disabled, button.ui-button.ui-state-default.danger a:disabled, button.ui-button.ui-state-default.stop a:disabled {
      background-color: #eca9a7;
      background-image: none; }
      button.danger.disabled:hover, button.disabled.stop:hover, button.danger.disabled:focus, button.disabled.stop:focus, button.danger:disabled:hover, button.stop:disabled:hover, button.danger:disabled:focus, button.stop:disabled:focus, button.danger a.disabled:hover, button.stop a.disabled:hover, button.danger a.disabled:focus, button.stop a.disabled:focus, button.danger a:disabled:hover, button.stop a:disabled:hover, button.danger a:disabled:focus, button.stop a:disabled:focus, input[type=submit].danger.disabled:hover, input[type=submit].disabled.stop:hover, input[type=submit].danger.disabled:focus, input[type=submit].disabled.stop:focus, input[type=submit].danger:disabled:hover, input[type=submit].stop:disabled:hover, input[type=submit].danger:disabled:focus, input[type=submit].stop:disabled:focus, input[type=submit].danger a.disabled:hover, input[type=submit].stop a.disabled:hover, input[type=submit].danger a.disabled:focus, input[type=submit].stop a.disabled:focus, input[type=submit].danger a:disabled:hover, input[type=submit].stop a:disabled:hover, input[type=submit].danger a:disabled:focus, input[type=submit].stop a:disabled:focus, input[type=button].danger.disabled:hover, input[type=button].disabled.stop:hover, input[type=button].danger.disabled:focus, input[type=button].disabled.stop:focus, input[type=button].danger:disabled:hover, input[type=button].stop:disabled:hover, input[type=button].danger:disabled:focus, input[type=button].stop:disabled:focus, input[type=button].danger a.disabled:hover, input[type=button].stop a.disabled:hover, input[type=button].danger a.disabled:focus, input[type=button].stop a.disabled:focus, input[type=button].danger a:disabled:hover, input[type=button].stop a:disabled:hover, input[type=button].danger a:disabled:focus, input[type=button].stop a:disabled:focus, .btn.danger.disabled:hover, .btn.disabled.stop:hover, .disabled.stop.cart-button:hover, .breadcrumb a.disabled.stop:hover, .danger.disabled.cart-button:hover, .breadcrumb a.danger.disabled:hover, .btn.danger.disabled:focus, .btn.disabled.stop:focus, .disabled.stop.cart-button:focus, .breadcrumb a.disabled.stop:focus, .danger.disabled.cart-button:focus, .breadcrumb a.danger.disabled:focus, .btn.danger:disabled:hover, .btn.stop:disabled:hover, .stop.cart-button:disabled:hover, .breadcrumb a.stop:disabled:hover, .danger.cart-button:disabled:hover, .breadcrumb a.danger:disabled:hover, .btn.danger:disabled:focus, .btn.stop:disabled:focus, .stop.cart-button:disabled:focus, .breadcrumb a.stop:disabled:focus, .danger.cart-button:disabled:focus, .breadcrumb a.danger:disabled:focus, .btn.danger a.disabled:hover, .btn.stop a.disabled:hover, .stop.cart-button a.disabled:hover, .breadcrumb a.stop a.disabled:hover, .danger.cart-button a.disabled:hover, .breadcrumb a.danger a.disabled:hover, .btn.danger a.disabled:focus, .btn.stop a.disabled:focus, .stop.cart-button a.disabled:focus, .breadcrumb a.stop a.disabled:focus, .danger.cart-button a.disabled:focus, .breadcrumb a.danger a.disabled:focus, .btn.danger a:disabled:hover, .btn.stop a:disabled:hover, .stop.cart-button a:disabled:hover, .breadcrumb a.stop a:disabled:hover, .danger.cart-button a:disabled:hover, .breadcrumb a.danger a:disabled:hover, .btn.danger a:disabled:focus, .btn.stop a:disabled:focus, .stop.cart-button a:disabled:focus, .breadcrumb a.stop a:disabled:focus, .danger.cart-button a:disabled:focus, .breadcrumb a.danger a:disabled:focus, .btn-noradius.danger.disabled:hover, .btn-noradius.disabled.stop:hover, .btn-noradius.danger.disabled:focus, .btn-noradius.disabled.stop:focus, .btn-noradius.danger:disabled:hover, .btn-noradius.stop:disabled:hover, .btn-noradius.danger:disabled:focus, .btn-noradius.stop:disabled:focus, .btn-noradius.danger a.disabled:hover, .btn-noradius.stop a.disabled:hover, .btn-noradius.danger a.disabled:focus, .btn-noradius.stop a.disabled:focus, .btn-noradius.danger a:disabled:hover, .btn-noradius.stop a:disabled:hover, .btn-noradius.danger a:disabled:focus, .btn-noradius.stop a:disabled:focus, button.ui-button.ui-state-default.danger.disabled:hover, button.ui-button.ui-state-default.disabled.stop:hover, button.ui-button.ui-state-default.danger.disabled:focus, button.ui-button.ui-state-default.disabled.stop:focus, button.ui-button.ui-state-default.danger:disabled:hover, button.ui-button.ui-state-default.stop:disabled:hover, button.ui-button.ui-state-default.danger:disabled:focus, button.ui-button.ui-state-default.stop:disabled:focus, button.ui-button.ui-state-default.danger a.disabled:hover, button.ui-button.ui-state-default.stop a.disabled:hover, button.ui-button.ui-state-default.danger a.disabled:focus, button.ui-button.ui-state-default.stop a.disabled:focus, button.ui-button.ui-state-default.danger a:disabled:hover, button.ui-button.ui-state-default.stop a:disabled:hover, button.ui-button.ui-state-default.danger a:disabled:focus, button.ui-button.ui-state-default.stop a:disabled:focus {
        background-color: #eca9a7;
        background-image: none; }
  button.warning, input[type=submit].warning, input[type=button].warning, .btn.warning, .warning.cart-button, .breadcrumb a.warning, .btn-noradius.warning, button.ui-button.ui-state-default.warning {
    color: #ffffff;
    background-color: #f0ad4e;
    background-color: #f0ad4e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3be74), to(#f0ad4e));
    background-image: -webkit-linear-gradient(top, #f3be74, #f0ad4e);
    background-image: -moz-linear-gradient(top, #f3be74, #f0ad4e);
    background-image: -ms-linear-gradient(top, #f3be74, #f0ad4e);
    background-image: -o-linear-gradient(top, #f3be74, #f0ad4e);
    background-image: linear-gradient(to bottom, #f3be74, #f0ad4e); }
    button.warning a, button.warning span, input[type=submit].warning a, input[type=submit].warning span, input[type=button].warning a, input[type=button].warning span, .btn.warning a, .warning.cart-button a, .breadcrumb a.warning a, .btn.warning span, .warning.cart-button span, .breadcrumb a.warning span, .btn-noradius.warning a, .btn-noradius.warning span, button.ui-button.ui-state-default.warning a, button.ui-button.ui-state-default.warning span {
      color: #ffffff; }
    button.warning:hover, button.warning a:hover, button.warning a:focus, button.warning.selected, input[type=submit].warning:hover, input[type=submit].warning a:hover, input[type=submit].warning a:focus, input[type=submit].warning.selected, input[type=button].warning:hover, input[type=button].warning a:hover, input[type=button].warning a:focus, input[type=button].warning.selected, .btn.warning:hover, .warning.cart-button:hover, .breadcrumb a.warning:hover, .btn.warning a:hover, .warning.cart-button a:hover, .breadcrumb a.warning a:hover, .btn.warning a:focus, .warning.cart-button a:focus, .breadcrumb a.warning a:focus, .btn.warning.selected, .warning.selected.cart-button, .breadcrumb a.warning.selected, .btn-noradius.warning:hover, .btn-noradius.warning a:hover, .btn-noradius.warning a:focus, .btn-noradius.warning.selected, button.ui-button.ui-state-default.warning:hover, button.ui-button.ui-state-default.warning a:hover, button.ui-button.ui-state-default.warning a:focus, button.ui-button.ui-state-default.warning.selected {
      /* removed &:focus,  so that button returns to color on un-hover*/
      color: #ffffff;
      background-color: #ec971f;
      background-image: none; }
    button.warning:active, button.warning.active, input[type=submit].warning:active, input[type=submit].warning.active, input[type=button].warning:active, input[type=button].warning.active, .btn.warning:active, .warning.cart-button:active, .breadcrumb a.warning:active, .btn.warning.active, .warning.active.cart-button, .breadcrumb a.warning.active, .btn-noradius.warning:active, .btn-noradius.warning.active, button.ui-button.ui-state-default.warning:active, button.ui-button.ui-state-default.warning.active {
      background-image: none; }
      button.warning:active:hover, button.warning:active:focus, button.warning.active:hover, button.warning.active:focus, input[type=submit].warning:active:hover, input[type=submit].warning:active:focus, input[type=submit].warning.active:hover, input[type=submit].warning.active:focus, input[type=button].warning:active:hover, input[type=button].warning:active:focus, input[type=button].warning.active:hover, input[type=button].warning.active:focus, .btn.warning:active:hover, .warning.cart-button:active:hover, .breadcrumb a.warning:active:hover, .btn.warning:active:focus, .warning.cart-button:active:focus, .breadcrumb a.warning:active:focus, .btn.warning.active:hover, .warning.active.cart-button:hover, .breadcrumb a.warning.active:hover, .btn.warning.active:focus, .warning.active.cart-button:focus, .breadcrumb a.warning.active:focus, .btn-noradius.warning:active:hover, .btn-noradius.warning:active:focus, .btn-noradius.warning.active:hover, .btn-noradius.warning.active:focus, button.ui-button.ui-state-default.warning:active:hover, button.ui-button.ui-state-default.warning:active:focus, button.ui-button.ui-state-default.warning.active:hover, button.ui-button.ui-state-default.warning.active:focus {
        background-color: #f0ad4e;
        background-image: none; }
    button.warning.disabled, button.warning:disabled, button.warning a.disabled, button.warning a:disabled, input[type=submit].warning.disabled, input[type=submit].warning:disabled, input[type=submit].warning a.disabled, input[type=submit].warning a:disabled, input[type=button].warning.disabled, input[type=button].warning:disabled, input[type=button].warning a.disabled, input[type=button].warning a:disabled, .btn.warning.disabled, .warning.disabled.cart-button, .breadcrumb a.warning.disabled, .btn.warning:disabled, .warning.cart-button:disabled, .breadcrumb a.warning:disabled, .btn.warning a.disabled, .warning.cart-button a.disabled, .breadcrumb a.warning a.disabled, .btn.warning a:disabled, .warning.cart-button a:disabled, .breadcrumb a.warning a:disabled, .btn-noradius.warning.disabled, .btn-noradius.warning:disabled, .btn-noradius.warning a.disabled, .btn-noradius.warning a:disabled, button.ui-button.ui-state-default.warning.disabled, button.ui-button.ui-state-default.warning:disabled, button.ui-button.ui-state-default.warning a.disabled, button.ui-button.ui-state-default.warning a:disabled {
      background-color: #f8d6a7;
      background-image: none; }
      button.warning.disabled:hover, button.warning.disabled:focus, button.warning:disabled:hover, button.warning:disabled:focus, button.warning a.disabled:hover, button.warning a.disabled:focus, button.warning a:disabled:hover, button.warning a:disabled:focus, input[type=submit].warning.disabled:hover, input[type=submit].warning.disabled:focus, input[type=submit].warning:disabled:hover, input[type=submit].warning:disabled:focus, input[type=submit].warning a.disabled:hover, input[type=submit].warning a.disabled:focus, input[type=submit].warning a:disabled:hover, input[type=submit].warning a:disabled:focus, input[type=button].warning.disabled:hover, input[type=button].warning.disabled:focus, input[type=button].warning:disabled:hover, input[type=button].warning:disabled:focus, input[type=button].warning a.disabled:hover, input[type=button].warning a.disabled:focus, input[type=button].warning a:disabled:hover, input[type=button].warning a:disabled:focus, .btn.warning.disabled:hover, .warning.disabled.cart-button:hover, .breadcrumb a.warning.disabled:hover, .btn.warning.disabled:focus, .warning.disabled.cart-button:focus, .breadcrumb a.warning.disabled:focus, .btn.warning:disabled:hover, .warning.cart-button:disabled:hover, .breadcrumb a.warning:disabled:hover, .btn.warning:disabled:focus, .warning.cart-button:disabled:focus, .breadcrumb a.warning:disabled:focus, .btn.warning a.disabled:hover, .warning.cart-button a.disabled:hover, .breadcrumb a.warning a.disabled:hover, .btn.warning a.disabled:focus, .warning.cart-button a.disabled:focus, .breadcrumb a.warning a.disabled:focus, .btn.warning a:disabled:hover, .warning.cart-button a:disabled:hover, .breadcrumb a.warning a:disabled:hover, .btn.warning a:disabled:focus, .warning.cart-button a:disabled:focus, .breadcrumb a.warning a:disabled:focus, .btn-noradius.warning.disabled:hover, .btn-noradius.warning.disabled:focus, .btn-noradius.warning:disabled:hover, .btn-noradius.warning:disabled:focus, .btn-noradius.warning a.disabled:hover, .btn-noradius.warning a.disabled:focus, .btn-noradius.warning a:disabled:hover, .btn-noradius.warning a:disabled:focus, button.ui-button.ui-state-default.warning.disabled:hover, button.ui-button.ui-state-default.warning.disabled:focus, button.ui-button.ui-state-default.warning:disabled:hover, button.ui-button.ui-state-default.warning:disabled:focus, button.ui-button.ui-state-default.warning a.disabled:hover, button.ui-button.ui-state-default.warning a.disabled:focus, button.ui-button.ui-state-default.warning a:disabled:hover, button.ui-button.ui-state-default.warning a:disabled:focus {
        background-color: #f8d6a7;
        background-image: none; }
  button.success, button.start, input[type=submit].success, input[type=submit].start, input[type=button].success, input[type=button].start, .btn.success, .btn.start, .start.cart-button, .breadcrumb a.start, .success.cart-button, .breadcrumb a.success, .btn-noradius.success, .btn-noradius.start, button.ui-button.ui-state-default.success, button.ui-button.ui-state-default.start {
    color: #ffffff;
    background-color: #5cb85c;
    background-color: #5cb85c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#78c478), to(#5cb85c));
    background-image: -webkit-linear-gradient(top, #78c478, #5cb85c);
    background-image: -moz-linear-gradient(top, #78c478, #5cb85c);
    background-image: -ms-linear-gradient(top, #78c478, #5cb85c);
    background-image: -o-linear-gradient(top, #78c478, #5cb85c);
    background-image: linear-gradient(to bottom, #78c478, #5cb85c); }
    button.success a, button.start a, button.success span, button.start span, input[type=submit].success a, input[type=submit].start a, input[type=submit].success span, input[type=submit].start span, input[type=button].success a, input[type=button].start a, input[type=button].success span, input[type=button].start span, .btn.success a, .btn.start a, .start.cart-button a, .breadcrumb a.start a, .success.cart-button a, .breadcrumb a.success a, .btn.success span, .btn.start span, .start.cart-button span, .breadcrumb a.start span, .success.cart-button span, .breadcrumb a.success span, .btn-noradius.success a, .btn-noradius.start a, .btn-noradius.success span, .btn-noradius.start span, button.ui-button.ui-state-default.success a, button.ui-button.ui-state-default.start a, button.ui-button.ui-state-default.success span, button.ui-button.ui-state-default.start span {
      color: #ffffff; }
    button.success:hover, button.start:hover, button.success a:hover, button.start a:hover, button.success a:focus, button.start a:focus, button.success.selected, button.selected.start, input[type=submit].success:hover, input[type=submit].start:hover, input[type=submit].success a:hover, input[type=submit].start a:hover, input[type=submit].success a:focus, input[type=submit].start a:focus, input[type=submit].success.selected, input[type=submit].selected.start, input[type=button].success:hover, input[type=button].start:hover, input[type=button].success a:hover, input[type=button].start a:hover, input[type=button].success a:focus, input[type=button].start a:focus, input[type=button].success.selected, input[type=button].selected.start, .btn.success:hover, .btn.start:hover, .start.cart-button:hover, .breadcrumb a.start:hover, .success.cart-button:hover, .breadcrumb a.success:hover, .btn.success a:hover, .btn.start a:hover, .start.cart-button a:hover, .breadcrumb a.start a:hover, .success.cart-button a:hover, .breadcrumb a.success a:hover, .btn.success a:focus, .btn.start a:focus, .start.cart-button a:focus, .breadcrumb a.start a:focus, .success.cart-button a:focus, .breadcrumb a.success a:focus, .btn.success.selected, .btn.selected.start, .selected.start.cart-button, .breadcrumb a.selected.start, .success.selected.cart-button, .breadcrumb a.success.selected, .btn-noradius.success:hover, .btn-noradius.start:hover, .btn-noradius.success a:hover, .btn-noradius.start a:hover, .btn-noradius.success a:focus, .btn-noradius.start a:focus, .btn-noradius.success.selected, .btn-noradius.selected.start, button.ui-button.ui-state-default.success:hover, button.ui-button.ui-state-default.start:hover, button.ui-button.ui-state-default.success a:hover, button.ui-button.ui-state-default.start a:hover, button.ui-button.ui-state-default.success a:focus, button.ui-button.ui-state-default.start a:focus, button.ui-button.ui-state-default.success.selected, button.ui-button.ui-state-default.selected.start {
      /* removed &:focus,  so that button returns to color on un-hover*/
      color: #ffffff;
      background-color: #449d44;
      background-image: none; }
    button.success:active, button.start:active, button.success.active, button.active.start, input[type=submit].success:active, input[type=submit].start:active, input[type=submit].success.active, input[type=submit].active.start, input[type=button].success:active, input[type=button].start:active, input[type=button].success.active, input[type=button].active.start, .btn.success:active, .btn.start:active, .start.cart-button:active, .breadcrumb a.start:active, .success.cart-button:active, .breadcrumb a.success:active, .btn.success.active, .btn.active.start, .active.start.cart-button, .breadcrumb a.active.start, .success.active.cart-button, .breadcrumb a.success.active, .btn-noradius.success:active, .btn-noradius.start:active, .btn-noradius.success.active, .btn-noradius.active.start, button.ui-button.ui-state-default.success:active, button.ui-button.ui-state-default.start:active, button.ui-button.ui-state-default.success.active, button.ui-button.ui-state-default.active.start {
      background-image: none; }
      button.success:active:hover, button.start:active:hover, button.success:active:focus, button.start:active:focus, button.success.active:hover, button.active.start:hover, button.success.active:focus, button.active.start:focus, input[type=submit].success:active:hover, input[type=submit].start:active:hover, input[type=submit].success:active:focus, input[type=submit].start:active:focus, input[type=submit].success.active:hover, input[type=submit].active.start:hover, input[type=submit].success.active:focus, input[type=submit].active.start:focus, input[type=button].success:active:hover, input[type=button].start:active:hover, input[type=button].success:active:focus, input[type=button].start:active:focus, input[type=button].success.active:hover, input[type=button].active.start:hover, input[type=button].success.active:focus, input[type=button].active.start:focus, .btn.success:active:hover, .btn.start:active:hover, .start.cart-button:active:hover, .breadcrumb a.start:active:hover, .success.cart-button:active:hover, .breadcrumb a.success:active:hover, .btn.success:active:focus, .btn.start:active:focus, .start.cart-button:active:focus, .breadcrumb a.start:active:focus, .success.cart-button:active:focus, .breadcrumb a.success:active:focus, .btn.success.active:hover, .btn.active.start:hover, .active.start.cart-button:hover, .breadcrumb a.active.start:hover, .success.active.cart-button:hover, .breadcrumb a.success.active:hover, .btn.success.active:focus, .btn.active.start:focus, .active.start.cart-button:focus, .breadcrumb a.active.start:focus, .success.active.cart-button:focus, .breadcrumb a.success.active:focus, .btn-noradius.success:active:hover, .btn-noradius.start:active:hover, .btn-noradius.success:active:focus, .btn-noradius.start:active:focus, .btn-noradius.success.active:hover, .btn-noradius.active.start:hover, .btn-noradius.success.active:focus, .btn-noradius.active.start:focus, button.ui-button.ui-state-default.success:active:hover, button.ui-button.ui-state-default.start:active:hover, button.ui-button.ui-state-default.success:active:focus, button.ui-button.ui-state-default.start:active:focus, button.ui-button.ui-state-default.success.active:hover, button.ui-button.ui-state-default.active.start:hover, button.ui-button.ui-state-default.success.active:focus, button.ui-button.ui-state-default.active.start:focus {
        background-color: #5cb85c;
        background-image: none; }
    button.success.disabled, button.disabled.start, button.success:disabled, button.start:disabled, button.success a.disabled, button.start a.disabled, button.success a:disabled, button.start a:disabled, input[type=submit].success.disabled, input[type=submit].disabled.start, input[type=submit].success:disabled, input[type=submit].start:disabled, input[type=submit].success a.disabled, input[type=submit].start a.disabled, input[type=submit].success a:disabled, input[type=submit].start a:disabled, input[type=button].success.disabled, input[type=button].disabled.start, input[type=button].success:disabled, input[type=button].start:disabled, input[type=button].success a.disabled, input[type=button].start a.disabled, input[type=button].success a:disabled, input[type=button].start a:disabled, .btn.success.disabled, .btn.disabled.start, .disabled.start.cart-button, .breadcrumb a.disabled.start, .success.disabled.cart-button, .breadcrumb a.success.disabled, .btn.success:disabled, .btn.start:disabled, .start.cart-button:disabled, .breadcrumb a.start:disabled, .success.cart-button:disabled, .breadcrumb a.success:disabled, .btn.success a.disabled, .btn.start a.disabled, .start.cart-button a.disabled, .breadcrumb a.start a.disabled, .success.cart-button a.disabled, .breadcrumb a.success a.disabled, .btn.success a:disabled, .btn.start a:disabled, .start.cart-button a:disabled, .breadcrumb a.start a:disabled, .success.cart-button a:disabled, .breadcrumb a.success a:disabled, .btn-noradius.success.disabled, .btn-noradius.disabled.start, .btn-noradius.success:disabled, .btn-noradius.start:disabled, .btn-noradius.success a.disabled, .btn-noradius.start a.disabled, .btn-noradius.success a:disabled, .btn-noradius.start a:disabled, button.ui-button.ui-state-default.success.disabled, button.ui-button.ui-state-default.disabled.start, button.ui-button.ui-state-default.success:disabled, button.ui-button.ui-state-default.start:disabled, button.ui-button.ui-state-default.success a.disabled, button.ui-button.ui-state-default.start a.disabled, button.ui-button.ui-state-default.success a:disabled, button.ui-button.ui-state-default.start a:disabled {
      background-color: #aedcae;
      background-image: none; }
      button.success.disabled:hover, button.disabled.start:hover, button.success.disabled:focus, button.disabled.start:focus, button.success:disabled:hover, button.start:disabled:hover, button.success:disabled:focus, button.start:disabled:focus, button.success a.disabled:hover, button.start a.disabled:hover, button.success a.disabled:focus, button.start a.disabled:focus, button.success a:disabled:hover, button.start a:disabled:hover, button.success a:disabled:focus, button.start a:disabled:focus, input[type=submit].success.disabled:hover, input[type=submit].disabled.start:hover, input[type=submit].success.disabled:focus, input[type=submit].disabled.start:focus, input[type=submit].success:disabled:hover, input[type=submit].start:disabled:hover, input[type=submit].success:disabled:focus, input[type=submit].start:disabled:focus, input[type=submit].success a.disabled:hover, input[type=submit].start a.disabled:hover, input[type=submit].success a.disabled:focus, input[type=submit].start a.disabled:focus, input[type=submit].success a:disabled:hover, input[type=submit].start a:disabled:hover, input[type=submit].success a:disabled:focus, input[type=submit].start a:disabled:focus, input[type=button].success.disabled:hover, input[type=button].disabled.start:hover, input[type=button].success.disabled:focus, input[type=button].disabled.start:focus, input[type=button].success:disabled:hover, input[type=button].start:disabled:hover, input[type=button].success:disabled:focus, input[type=button].start:disabled:focus, input[type=button].success a.disabled:hover, input[type=button].start a.disabled:hover, input[type=button].success a.disabled:focus, input[type=button].start a.disabled:focus, input[type=button].success a:disabled:hover, input[type=button].start a:disabled:hover, input[type=button].success a:disabled:focus, input[type=button].start a:disabled:focus, .btn.success.disabled:hover, .btn.disabled.start:hover, .disabled.start.cart-button:hover, .breadcrumb a.disabled.start:hover, .success.disabled.cart-button:hover, .breadcrumb a.success.disabled:hover, .btn.success.disabled:focus, .btn.disabled.start:focus, .disabled.start.cart-button:focus, .breadcrumb a.disabled.start:focus, .success.disabled.cart-button:focus, .breadcrumb a.success.disabled:focus, .btn.success:disabled:hover, .btn.start:disabled:hover, .start.cart-button:disabled:hover, .breadcrumb a.start:disabled:hover, .success.cart-button:disabled:hover, .breadcrumb a.success:disabled:hover, .btn.success:disabled:focus, .btn.start:disabled:focus, .start.cart-button:disabled:focus, .breadcrumb a.start:disabled:focus, .success.cart-button:disabled:focus, .breadcrumb a.success:disabled:focus, .btn.success a.disabled:hover, .btn.start a.disabled:hover, .start.cart-button a.disabled:hover, .breadcrumb a.start a.disabled:hover, .success.cart-button a.disabled:hover, .breadcrumb a.success a.disabled:hover, .btn.success a.disabled:focus, .btn.start a.disabled:focus, .start.cart-button a.disabled:focus, .breadcrumb a.start a.disabled:focus, .success.cart-button a.disabled:focus, .breadcrumb a.success a.disabled:focus, .btn.success a:disabled:hover, .btn.start a:disabled:hover, .start.cart-button a:disabled:hover, .breadcrumb a.start a:disabled:hover, .success.cart-button a:disabled:hover, .breadcrumb a.success a:disabled:hover, .btn.success a:disabled:focus, .btn.start a:disabled:focus, .start.cart-button a:disabled:focus, .breadcrumb a.start a:disabled:focus, .success.cart-button a:disabled:focus, .breadcrumb a.success a:disabled:focus, .btn-noradius.success.disabled:hover, .btn-noradius.disabled.start:hover, .btn-noradius.success.disabled:focus, .btn-noradius.disabled.start:focus, .btn-noradius.success:disabled:hover, .btn-noradius.start:disabled:hover, .btn-noradius.success:disabled:focus, .btn-noradius.start:disabled:focus, .btn-noradius.success a.disabled:hover, .btn-noradius.start a.disabled:hover, .btn-noradius.success a.disabled:focus, .btn-noradius.start a.disabled:focus, .btn-noradius.success a:disabled:hover, .btn-noradius.start a:disabled:hover, .btn-noradius.success a:disabled:focus, .btn-noradius.start a:disabled:focus, button.ui-button.ui-state-default.success.disabled:hover, button.ui-button.ui-state-default.disabled.start:hover, button.ui-button.ui-state-default.success.disabled:focus, button.ui-button.ui-state-default.disabled.start:focus, button.ui-button.ui-state-default.success:disabled:hover, button.ui-button.ui-state-default.start:disabled:hover, button.ui-button.ui-state-default.success:disabled:focus, button.ui-button.ui-state-default.start:disabled:focus, button.ui-button.ui-state-default.success a.disabled:hover, button.ui-button.ui-state-default.start a.disabled:hover, button.ui-button.ui-state-default.success a.disabled:focus, button.ui-button.ui-state-default.start a.disabled:focus, button.ui-button.ui-state-default.success a:disabled:hover, button.ui-button.ui-state-default.start a:disabled:hover, button.ui-button.ui-state-default.success a:disabled:focus, button.ui-button.ui-state-default.start a:disabled:focus {
        background-color: #aedcae;
        background-image: none; }
  button.info, input[type=submit].info, input[type=button].info, .btn.info, .info.cart-button, .breadcrumb a.info, .btn-noradius.info, button.ui-button.ui-state-default.info {
    color: #ffffff;
    background-color: #5bc0de;
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7dcde5), to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #7dcde5, #5bc0de);
    background-image: -moz-linear-gradient(top, #7dcde5, #5bc0de);
    background-image: -ms-linear-gradient(top, #7dcde5, #5bc0de);
    background-image: -o-linear-gradient(top, #7dcde5, #5bc0de);
    background-image: linear-gradient(to bottom, #7dcde5, #5bc0de); }
    button.info a, button.info span, input[type=submit].info a, input[type=submit].info span, input[type=button].info a, input[type=button].info span, .btn.info a, .info.cart-button a, .breadcrumb a.info a, .btn.info span, .info.cart-button span, .breadcrumb a.info span, .btn-noradius.info a, .btn-noradius.info span, button.ui-button.ui-state-default.info a, button.ui-button.ui-state-default.info span {
      color: #ffffff; }
    button.info:hover, button.info a:hover, button.info a:focus, button.info.selected, input[type=submit].info:hover, input[type=submit].info a:hover, input[type=submit].info a:focus, input[type=submit].info.selected, input[type=button].info:hover, input[type=button].info a:hover, input[type=button].info a:focus, input[type=button].info.selected, .btn.info:hover, .info.cart-button:hover, .breadcrumb a.info:hover, .btn.info a:hover, .info.cart-button a:hover, .breadcrumb a.info a:hover, .btn.info a:focus, .info.cart-button a:focus, .breadcrumb a.info a:focus, .btn.info.selected, .info.selected.cart-button, .breadcrumb a.info.selected, .btn-noradius.info:hover, .btn-noradius.info a:hover, .btn-noradius.info a:focus, .btn-noradius.info.selected, button.ui-button.ui-state-default.info:hover, button.ui-button.ui-state-default.info a:hover, button.ui-button.ui-state-default.info a:focus, button.ui-button.ui-state-default.info.selected {
      /* removed &:focus,  so that button returns to color on un-hover*/
      color: #ffffff;
      background-color: #31b0d5;
      background-image: none; }
    button.info:active, button.info.active, input[type=submit].info:active, input[type=submit].info.active, input[type=button].info:active, input[type=button].info.active, .btn.info:active, .info.cart-button:active, .breadcrumb a.info:active, .btn.info.active, .info.active.cart-button, .breadcrumb a.info.active, .btn-noradius.info:active, .btn-noradius.info.active, button.ui-button.ui-state-default.info:active, button.ui-button.ui-state-default.info.active {
      background-image: none; }
      button.info:active:hover, button.info:active:focus, button.info.active:hover, button.info.active:focus, input[type=submit].info:active:hover, input[type=submit].info:active:focus, input[type=submit].info.active:hover, input[type=submit].info.active:focus, input[type=button].info:active:hover, input[type=button].info:active:focus, input[type=button].info.active:hover, input[type=button].info.active:focus, .btn.info:active:hover, .info.cart-button:active:hover, .breadcrumb a.info:active:hover, .btn.info:active:focus, .info.cart-button:active:focus, .breadcrumb a.info:active:focus, .btn.info.active:hover, .info.active.cart-button:hover, .breadcrumb a.info.active:hover, .btn.info.active:focus, .info.active.cart-button:focus, .breadcrumb a.info.active:focus, .btn-noradius.info:active:hover, .btn-noradius.info:active:focus, .btn-noradius.info.active:hover, .btn-noradius.info.active:focus, button.ui-button.ui-state-default.info:active:hover, button.ui-button.ui-state-default.info:active:focus, button.ui-button.ui-state-default.info.active:hover, button.ui-button.ui-state-default.info.active:focus {
        background-color: #5bc0de;
        background-image: none; }
    button.info.disabled, button.info:disabled, button.info a.disabled, button.info a:disabled, input[type=submit].info.disabled, input[type=submit].info:disabled, input[type=submit].info a.disabled, input[type=submit].info a:disabled, input[type=button].info.disabled, input[type=button].info:disabled, input[type=button].info a.disabled, input[type=button].info a:disabled, .btn.info.disabled, .info.disabled.cart-button, .breadcrumb a.info.disabled, .btn.info:disabled, .info.cart-button:disabled, .breadcrumb a.info:disabled, .btn.info a.disabled, .info.cart-button a.disabled, .breadcrumb a.info a.disabled, .btn.info a:disabled, .info.cart-button a:disabled, .breadcrumb a.info a:disabled, .btn-noradius.info.disabled, .btn-noradius.info:disabled, .btn-noradius.info a.disabled, .btn-noradius.info a:disabled, button.ui-button.ui-state-default.info.disabled, button.ui-button.ui-state-default.info:disabled, button.ui-button.ui-state-default.info a.disabled, button.ui-button.ui-state-default.info a:disabled {
      background-color: #ade0ef;
      background-image: none; }
      button.info.disabled:hover, button.info.disabled:focus, button.info:disabled:hover, button.info:disabled:focus, button.info a.disabled:hover, button.info a.disabled:focus, button.info a:disabled:hover, button.info a:disabled:focus, input[type=submit].info.disabled:hover, input[type=submit].info.disabled:focus, input[type=submit].info:disabled:hover, input[type=submit].info:disabled:focus, input[type=submit].info a.disabled:hover, input[type=submit].info a.disabled:focus, input[type=submit].info a:disabled:hover, input[type=submit].info a:disabled:focus, input[type=button].info.disabled:hover, input[type=button].info.disabled:focus, input[type=button].info:disabled:hover, input[type=button].info:disabled:focus, input[type=button].info a.disabled:hover, input[type=button].info a.disabled:focus, input[type=button].info a:disabled:hover, input[type=button].info a:disabled:focus, .btn.info.disabled:hover, .info.disabled.cart-button:hover, .breadcrumb a.info.disabled:hover, .btn.info.disabled:focus, .info.disabled.cart-button:focus, .breadcrumb a.info.disabled:focus, .btn.info:disabled:hover, .info.cart-button:disabled:hover, .breadcrumb a.info:disabled:hover, .btn.info:disabled:focus, .info.cart-button:disabled:focus, .breadcrumb a.info:disabled:focus, .btn.info a.disabled:hover, .info.cart-button a.disabled:hover, .breadcrumb a.info a.disabled:hover, .btn.info a.disabled:focus, .info.cart-button a.disabled:focus, .breadcrumb a.info a.disabled:focus, .btn.info a:disabled:hover, .info.cart-button a:disabled:hover, .breadcrumb a.info a:disabled:hover, .btn.info a:disabled:focus, .info.cart-button a:disabled:focus, .breadcrumb a.info a:disabled:focus, .btn-noradius.info.disabled:hover, .btn-noradius.info.disabled:focus, .btn-noradius.info:disabled:hover, .btn-noradius.info:disabled:focus, .btn-noradius.info a.disabled:hover, .btn-noradius.info a.disabled:focus, .btn-noradius.info a:disabled:hover, .btn-noradius.info a:disabled:focus, button.ui-button.ui-state-default.info.disabled:hover, button.ui-button.ui-state-default.info.disabled:focus, button.ui-button.ui-state-default.info:disabled:hover, button.ui-button.ui-state-default.info:disabled:focus, button.ui-button.ui-state-default.info a.disabled:hover, button.ui-button.ui-state-default.info a.disabled:focus, button.ui-button.ui-state-default.info a:disabled:hover, button.ui-button.ui-state-default.info a:disabled:focus {
        background-color: #ade0ef;
        background-image: none; }
  button.text, input[type=submit].text, input[type=button].text, .btn.text, .text.cart-button, .breadcrumb a.text, .btn-noradius.text, button.ui-button.ui-state-default.text {
    background-color: inherit;
    background-image: none;
    font-size: 1em;
    font-weight: inherit;
    font-family: inherit;
    padding: 0px 6px; }

.widthOfInput {
  width: 266px !important; }

.quarterWidthOfInput {
  width: 66.5px !important; }

.thirdWidthOfInput {
  width: 88.66667px !important; }

.halfWidth {
  width: 133px !important; }

.ThreeQWidth {
  width: 199.5px !important; }

.doubleWidthOfInput {
  width: 532px !important; }

.quadWidthOfInput {
  width: 1064px !important; }

a.widthOfInput, span.widthOfInput, div.widthOfInput {
  display: inline-table; }

.inputPadding {
  padding: 6px 12px;
  margin: 6px 0px; }

input[type="checkbox"], input[type="radio"] {
  margin: 0px 2px 3px 3px !important; }

input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  padding-left: 22px;
  display: inline-block;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url("/assets/images/checkboxes.png");
  padding-top: 2px;
  text-align: left;
  vertical-align: middle;
  margin-top: 11px;
  margin-bottom: 11px; }
  input[type="checkbox"] + label .allowCentre {
    margin-left: 18px; }

input[type="checkbox"].error + label {
  box-shadow: 0px 0px 10px 10px #fee;
  background-color: #fee; }

input[type="checkbox"].stack + label {
  margin-top: 5px;
  margin-bottom: 5px; }

input[type="radio"].stack {
  height: 16px; }

input[type="radio"].stack + label {
  margin-top: 0;
  margin-bottom: 0; }

input[type="checkbox"]:checked + label {
  background-position: 0px -17px; }

input + label {
  padding-left: 4px;
  width: auto;
  min-width: auto;
  text-align: left; }

.nextToCheckbox {
  width: 228px; }

label + textarea {
  vertical-align: top;
  resize: vertical;
  margin-top: 6px; }

label.above {
  padding-bottom: 0px;
  margin-bottom: 0px; }

label.req:after {
  content: '*';
  font-size: large;
  color: red;
  line-height: 14px; }

.btn a, .cart-button a, .breadcrumb a a, a.btn, a.cart-button, .breadcrumb a, .ui-widget-content a.btn, .ui-widget-content a.cart-button, .ui-widget-content .breadcrumb a, .breadcrumb .ui-widget-content a {
  text-decoration: none;
  color: #888888; }
  .btn a:hover, .cart-button a:hover, .breadcrumb a a:hover, .btn a:focus, .cart-button a:focus, .breadcrumb a a:focus, a.btn:hover, a.cart-button:hover, .breadcrumb a:hover, a.btn:focus, a.cart-button:focus, .breadcrumb a:focus, .ui-widget-content a.btn:hover, .ui-widget-content a.cart-button:hover, .ui-widget-content .breadcrumb a:hover, .breadcrumb .ui-widget-content a:hover, .ui-widget-content a.btn:focus, .ui-widget-content a.cart-button:focus, .ui-widget-content .breadcrumb a:focus, .breadcrumb .ui-widget-content a:focus {
    color: #666666; }
  .btn a:disabled, .cart-button a:disabled, .breadcrumb a a:disabled, .btn a.disabled, .cart-button a.disabled, .breadcrumb a a.disabled, a.btn:disabled, a.cart-button:disabled, .breadcrumb a:disabled, a.btn.disabled, a.disabled.cart-button, .breadcrumb a.disabled, .ui-widget-content a.btn:disabled, .ui-widget-content a.cart-button:disabled, .ui-widget-content .breadcrumb a:disabled, .breadcrumb .ui-widget-content a:disabled, .ui-widget-content a.btn.disabled, .ui-widget-content a.disabled.cart-button, .ui-widget-content .breadcrumb a.disabled, .breadcrumb .ui-widget-content a.disabled {
    color: #d5d5d5; }

.btn.disabled a, .disabled.cart-button a, .breadcrumb a.disabled a {
  color: #d5d5d5; }

.btn-delete {
  display: inline-block;
  background: url(/assets/images/deleteLarge.png) no-repeat;
  height: 29px;
  width: 30px;
  vertical-align: middle; }
  .btn-delete:hover, .btn-delete:focus, .btn-delete:active {
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(234, 234, 232, 0.6); }

.btn-remove {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  position: relative;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  cursor: pointer;
  z-index: 2;
  color: red;
  padding-right: 0px; }
  .btn-remove:before {
    content: "\e014"; }
  .btn-remove:hover, .btn-remove:focus, .btn-remove:active {
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(234, 234, 232, 0.6); }

label, .label, dt {
  display: inline-block;
  white-space: normal;
  vertical-align: baseline;
  font-weight: bold;
  font-size: 85%;
  text-align: right;
  padding: 6px 12px 6px 0px;
  width: 199.5px;
  min-width: 199.5px;
  line-height: 1.4;
  margin: 6px 0px;
  /* position: absolute; */ }

dl dt {
  padding-right: 10px;
  vertical-align: baseline; }

dl dd {
  margin: 4px 0px 4px 5px;
  padding: 6px 12px 6px 0px;
  min-width: 90px;
  display: inline-block;
  max-width: 266px;
  vertical-align: baseline; }

dl.perline {
  overflow: auto;
  width: 100%; }
  dl.perline:after {
    clear: left; }
  dl.perline dd {
    float: left; }
  dl.perline dt {
    clear: left;
    float: left; }

dl.inline dt {
  width: auto;
  min-width: auto; }

.input-group, .breadcrumb, .colourpicker, .breadcrumb {
  font-size: 0px;
  display: inline-flex !important;
  margin: 4px 0px !important;
  padding: 0px !important;
  vertical-align: middle; }
  .input-group.small > .btn, .small.breadcrumb > .btn, .input-group.small > .cart-button, .small.breadcrumb > .cart-button, .breadcrumb .input-group.small > a, .small.breadcrumb > a, .input-group.small > button, .small.breadcrumb > button, .input-group.small > input, .small.breadcrumb > input, .input-group.small > select, .small.breadcrumb > select, .colourpicker.small > .btn, .colourpicker.small > .cart-button, .breadcrumb .colourpicker.small > a, .colourpicker.small > button, .colourpicker.small > input, .colourpicker.small > select, .breadcrumb.small > .btn, .breadcrumb.small > .cart-button, .breadcrumb.small > a, .breadcrumb.small > button, .breadcrumb.small > input, .breadcrumb.small > select {
    height: 32px; }
  .input-group > .btn, .breadcrumb > .btn, .input-group > .cart-button, .breadcrumb > .cart-button, .breadcrumb .input-group > a, .breadcrumb > a, .input-group > button, .breadcrumb > button, .input-group > input, .breadcrumb > input, .input-group > select, .breadcrumb > select, .colourpicker > .btn, .colourpicker > .cart-button, .breadcrumb .colourpicker > a, .colourpicker > button, .colourpicker > input, .colourpicker > select, .breadcrumb > .btn, .breadcrumb > .cart-button, .breadcrumb > a, .breadcrumb > button, .breadcrumb > input, .breadcrumb > select {
    display: inline-block !important;
    font-size: 14px;
    height: 36px;
    margin: 0px 0px !important; }
    .input-group > .btn + .btn, .breadcrumb > .btn + .btn, .input-group > .cart-button + .btn, .breadcrumb > .cart-button + .btn, .breadcrumb .input-group > a + .btn, .breadcrumb > a + .btn, .input-group > .btn + .cart-button, .breadcrumb > .btn + .cart-button, .input-group > .cart-button + .cart-button, .breadcrumb > .cart-button + .cart-button, .breadcrumb .input-group > a + .cart-button, .breadcrumb > a + .cart-button, .breadcrumb .input-group > .btn + a, .breadcrumb > .btn + a, .breadcrumb .input-group > .cart-button + a, .breadcrumb > .cart-button + a, .breadcrumb .input-group > a + a, .breadcrumb > a + a, .input-group > .btn + button, .breadcrumb > .btn + button, .input-group > .cart-button + button, .breadcrumb > .cart-button + button, .breadcrumb .input-group > a + button, .breadcrumb > a + button, .input-group > .btn + input, .breadcrumb > .btn + input, .input-group > .cart-button + input, .breadcrumb > .cart-button + input, .breadcrumb .input-group > a + input, .breadcrumb > a + input, .input-group > button + .btn, .breadcrumb > button + .btn, .input-group > button + .cart-button, .breadcrumb > button + .cart-button, .breadcrumb .input-group > button + a, .breadcrumb > button + a, .input-group > button + button, .breadcrumb > button + button, .input-group > button + input, .breadcrumb > button + input, .input-group > input + .btn, .breadcrumb > input + .btn, .input-group > input + .cart-button, .breadcrumb > input + .cart-button, .breadcrumb .input-group > input + a, .breadcrumb > input + a, .input-group > input + button, .breadcrumb > input + button, .input-group > input + input, .breadcrumb > input + input, .input-group > select + .btn, .breadcrumb > select + .btn, .input-group > select + .cart-button, .breadcrumb > select + .cart-button, .breadcrumb .input-group > select + a, .breadcrumb > select + a, .input-group > select + button, .breadcrumb > select + button, .input-group > select + input, .breadcrumb > select + input, .colourpicker > .btn + .btn, .colourpicker > .cart-button + .btn, .breadcrumb .colourpicker > a + .btn, .colourpicker > .btn + .cart-button, .colourpicker > .cart-button + .cart-button, .breadcrumb .colourpicker > a + .cart-button, .breadcrumb .colourpicker > .btn + a, .breadcrumb .colourpicker > .cart-button + a, .breadcrumb .colourpicker > a + a, .colourpicker > .btn + button, .colourpicker > .cart-button + button, .breadcrumb .colourpicker > a + button, .colourpicker > .btn + input, .colourpicker > .cart-button + input, .breadcrumb .colourpicker > a + input, .colourpicker > button + .btn, .colourpicker > button + .cart-button, .breadcrumb .colourpicker > button + a, .colourpicker > button + button, .colourpicker > button + input, .colourpicker > input + .btn, .colourpicker > input + .cart-button, .breadcrumb .colourpicker > input + a, .colourpicker > input + button, .colourpicker > input + input, .colourpicker > select + .btn, .colourpicker > select + .cart-button, .breadcrumb .colourpicker > select + a, .colourpicker > select + button, .colourpicker > select + input, .breadcrumb > .btn + .btn, .breadcrumb > .cart-button + .btn, .breadcrumb > a + .btn, .breadcrumb > .btn + .cart-button, .breadcrumb > .cart-button + .cart-button, .breadcrumb > a + .cart-button, .breadcrumb > .btn + a, .breadcrumb > .cart-button + a, .breadcrumb > a + a, .breadcrumb > .btn + button, .breadcrumb > .cart-button + button, .breadcrumb > a + button, .breadcrumb > .btn + input, .breadcrumb > .cart-button + input, .breadcrumb > a + input, .breadcrumb > button + .btn, .breadcrumb > button + .cart-button, .breadcrumb > button + a, .breadcrumb > button + button, .breadcrumb > button + input, .breadcrumb > input + .btn, .breadcrumb > input + .cart-button, .breadcrumb > input + a, .breadcrumb > input + button, .breadcrumb > input + input, .breadcrumb > select + .btn, .breadcrumb > select + .cart-button, .breadcrumb > select + a, .breadcrumb > select + button, .breadcrumb > select + input {
      margin-left: -1px; }
    .input-group > .btn:first-child, .breadcrumb > .btn:first-child, .input-group > .cart-button:first-child, .breadcrumb > .cart-button:first-child, .breadcrumb .input-group > a:first-child, .breadcrumb > a:first-child, .input-group > button:first-child, .breadcrumb > button:first-child, .input-group > input:first-child, .breadcrumb > input:first-child, .input-group > select:first-child, .breadcrumb > select:first-child, .colourpicker > .btn:first-child, .colourpicker > .cart-button:first-child, .breadcrumb .colourpicker > a:first-child, .colourpicker > button:first-child, .colourpicker > input:first-child, .colourpicker > select:first-child, .breadcrumb > .btn:first-child, .breadcrumb > .cart-button:first-child, .breadcrumb > a:first-child, .breadcrumb > button:first-child, .breadcrumb > input:first-child, .breadcrumb > select:first-child {
      margin-left: 0px; }
      .input-group > .btn:first-child:not(:last-child), .breadcrumb > .btn:first-child:not(:last-child), .input-group > .cart-button:first-child:not(:last-child), .breadcrumb > .cart-button:first-child:not(:last-child), .breadcrumb .input-group > a:first-child:not(:last-child), .breadcrumb > a:first-child:not(:last-child), .input-group > button:first-child:not(:last-child), .breadcrumb > button:first-child:not(:last-child), .input-group > input:first-child:not(:last-child), .breadcrumb > input:first-child:not(:last-child), .input-group > select:first-child:not(:last-child), .breadcrumb > select:first-child:not(:last-child), .colourpicker > .btn:first-child:not(:last-child), .colourpicker > .cart-button:first-child:not(:last-child), .breadcrumb .colourpicker > a:first-child:not(:last-child), .colourpicker > button:first-child:not(:last-child), .colourpicker > input:first-child:not(:last-child), .colourpicker > select:first-child:not(:last-child), .breadcrumb > .btn:first-child:not(:last-child), .breadcrumb > .cart-button:first-child:not(:last-child), .breadcrumb > a:first-child:not(:last-child), .breadcrumb > button:first-child:not(:last-child), .breadcrumb > input:first-child:not(:last-child), .breadcrumb > select:first-child:not(:last-child) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
    .input-group > .btn:last-child:not(:first-child), .breadcrumb > .btn:last-child:not(:first-child), .input-group > .cart-button:last-child:not(:first-child), .breadcrumb > .cart-button:last-child:not(:first-child), .breadcrumb .input-group > a:last-child:not(:first-child), .breadcrumb > a:last-child:not(:first-child), .input-group > button:last-child:not(:first-child), .breadcrumb > button:last-child:not(:first-child), .input-group > input:last-child:not(:first-child), .breadcrumb > input:last-child:not(:first-child), .input-group > select:last-child:not(:first-child), .breadcrumb > select:last-child:not(:first-child), .colourpicker > .btn:last-child:not(:first-child), .colourpicker > .cart-button:last-child:not(:first-child), .breadcrumb .colourpicker > a:last-child:not(:first-child), .colourpicker > button:last-child:not(:first-child), .colourpicker > input:last-child:not(:first-child), .colourpicker > select:last-child:not(:first-child), .breadcrumb > .btn:last-child:not(:first-child), .breadcrumb > .cart-button:last-child:not(:first-child), .breadcrumb > a:last-child:not(:first-child), .breadcrumb > button:last-child:not(:first-child), .breadcrumb > input:last-child:not(:first-child), .breadcrumb > select:last-child:not(:first-child) {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    .input-group > .btn:not(:first-child):not(:last-child), .breadcrumb > .btn:not(:first-child):not(:last-child), .input-group > .cart-button:not(:first-child):not(:last-child), .breadcrumb > .cart-button:not(:first-child):not(:last-child), .breadcrumb .input-group > a:not(:first-child):not(:last-child), .breadcrumb > a:not(:first-child):not(:last-child), .input-group > button:not(:first-child):not(:last-child), .breadcrumb > button:not(:first-child):not(:last-child), .input-group > input:not(:first-child):not(:last-child), .breadcrumb > input:not(:first-child):not(:last-child), .input-group > select:not(:first-child):not(:last-child), .breadcrumb > select:not(:first-child):not(:last-child), .colourpicker > .btn:not(:first-child):not(:last-child), .colourpicker > .cart-button:not(:first-child):not(:last-child), .breadcrumb .colourpicker > a:not(:first-child):not(:last-child), .colourpicker > button:not(:first-child):not(:last-child), .colourpicker > input:not(:first-child):not(:last-child), .colourpicker > select:not(:first-child):not(:last-child), .breadcrumb > .btn:not(:first-child):not(:last-child), .breadcrumb > .cart-button:not(:first-child):not(:last-child), .breadcrumb > a:not(:first-child):not(:last-child), .breadcrumb > button:not(:first-child):not(:last-child), .breadcrumb > input:not(:first-child):not(:last-child), .breadcrumb > select:not(:first-child):not(:last-child) {
      border-radius: 0px; }

table {
  font-size: 14px; }

table.table tbody tr td table.table {
  border-collapse: collapse;
  border: none; }
  table.table tbody tr td table.table thead tr th {
    height: auto;
    background-color: lightblue; }
  table.table tbody tr td table.table.striped tr:nth-child(even), table.table tbody tr td table.table.striped tbody tr:nth-child(odd), table.table tbody tr td table.table.striped tbody tr:nth-child(even).selected {
    background-color: #ffffff; }
  table.table tbody tr td table.table.striped tr:nth-child(odd), table.table tbody tr td table.table.striped tbody tr:nth-child(even), table.table tbody tr td table.table.striped tbody tr:nth-child(odd).unselected {
    background-color: #F6FBFC; }

table.table.small tr td {
  padding: 0 8px; }

table.table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-collapse: separate;
  border-spacing: 0px;
  border: 1px solid #999999; }
  table.table:before {
    overflow-x: auto; }
  table.table tfoot tr td {
    color: #ffffff;
    background-color: #999999; }
  table.table.vmiddle thead tr td, table.table.vmiddle tbody tr td, table.table.vmiddle tfoot tr td {
    vertical-align: middle; }
  table.table thead {
    background-color: #999999; }
  table.table tr, table.table thead tr, table.table tbody tr, table.table tfoot tr {
    text-align: left;
    /* &.selected {
            background-color:$tableRowSelectedBackgroundColour !important;
        } */ }
    table.table tr th, table.table thead tr th, table.table tbody tr th, table.table tfoot tr th {
      /*padding-left: 8px;
			padding-right: 8px;*/
      padding: 6px 6px;
      height: 38px;
      color: #ffffff;
      background-color: #999999; }
    table.table tr td, table.table thead tr td, table.table tbody tr td, table.table tfoot tr td {
      padding: 4px 8px;
      vertical-align: top; }
      table.table tr td input, table.table tr td select, table.table tr td textarea, table.table tr td button, table.table tr td .btn, table.table tr td .cart-button, table.table tr td .breadcrumb a, .breadcrumb table.table tr td a, table.table thead tr td input, table.table thead tr td select, table.table thead tr td textarea, table.table thead tr td button, table.table thead tr td .btn, table.table thead tr td .cart-button, table.table thead tr td .breadcrumb a, .breadcrumb table.table thead tr td a, table.table tbody tr td input, table.table tbody tr td select, table.table tbody tr td textarea, table.table tbody tr td button, table.table tbody tr td .btn, table.table tbody tr td .cart-button, table.table tbody tr td .breadcrumb a, .breadcrumb table.table tbody tr td a, table.table tfoot tr td input, table.table tfoot tr td select, table.table tfoot tr td textarea, table.table tfoot tr td button, table.table tfoot tr td .btn, table.table tfoot tr td .cart-button, table.table tfoot tr td .breadcrumb a, .breadcrumb table.table tfoot tr td a {
        width: auto;
        /* was auto */
        max-width: 400px;
        padding: 3px 6px; }
      table.table tr td a, table.table thead tr td a, table.table tbody tr td a, table.table tfoot tr td a {
        text-decoration: none; }
    table.table tr.evenrow, table.table thead tr.evenrow, table.table tbody tr.evenrow, table.table tfoot tr.evenrow {
      background-color: #f9f9f9; }
    table.table tr.oddrow, table.table thead tr.oddrow, table.table tbody tr.oddrow, table.table tfoot tr.oddrow {
      background-color: #ffffff; }
  table.table.striped tr:nth-child(even), table.table.striped tbody tr:nth-child(odd), table.table.striped tbody tr:nth-child(even).selected {
    background-color: #ffffff; }
  table.table.striped tr:nth-child(odd), table.table.striped tbody tr:nth-child(even), table.table.striped tbody tr:nth-child(odd).unselected {
    background-color: #f9f9f9; }

table.table.editable tr input[type=text], table.table.editable tr select, table.table.editable tr textarea, table.table.editable thead tr input[type=text], table.table.editable thead tr select, table.table.editable thead tr textarea, table.table.editable tbody tr input[type=text], table.table.editable tbody tr select, table.table.editable tbody tr textarea, table.table.editable tfoot tr input[type=text], table.table.editable tfoot tr select, table.table.editable tfoot tr textarea {
  width: 100%;
  /* was auto */ }

a, .a, .ui-widget-content a {
  color: #3093f7;
  text-decoration: none;
  cursor: pointer; }

a.info {
  color: #3093f7 !important; }

.ui-widget {
  font-size: 14px;
  font-family: Arial, Verdana, Helvetica, sans-serif; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .title {
  font-weight: normal; }

h1, .h1 {
  font-size: 2em;
  margin: 4px 0px 0.67em 0px;
  color: #444444; }

h2, .h2 {
  font-size: 1.8em;
  margin: .33em 0;
  color: #494949; }

h3, .h3 {
  font-size: 1.6em;
  color: #4e4e4e; }

h4, .h4 {
  font-size: 1.4em;
  color: #535353; }

h5, .h5 {
  font-size: 1.2em;
  color: #585858; }

.title {
  font-size: 1.2em;
  color: #494949; }

.p {
  font-size: 14px; }

ul.title {
  list-style: none;
  padding-left: 12px; }

div {
  vertical-align: top; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/assets/fonts/glyphicons-halflings-regular.eot");
  src: url("/assets/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/assets/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/assets/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon, span.download, span.expand, span.collapse, span.nextlevel, span.info, span.admin, span.warning, span.close, span.delete, a.decline, span.cancel, span.remove, span.save, span.reinstate, span.accept, a.accept, span.update, span.success, span.start, span.select, span.edit, span.promote, span.copy, span.add, span.insert, span.view, span.manage, span.locked, span.alert, span.home, span.refresh, span.replace, span.repeat, span.update-alt, span.bold, span.italic, span.system, span.new-window, span.tag, span.preferred, .start span:before, .stop span:before, #ePC_main_navigation #ePC_loginlogout a.stop, .cart-button .cart-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* to find the right content code, go to bootstrap.css */
.glyphicon-alert:before, span.alert:before {
  content: "\e209"; }

.glyphicon-arrow-up:before, span.promote:before {
  content: "\e093"; }

.glyphicon-bold:before, span.bold:before {
  content: "\e048"; }

.glyphicon-chevron-down:before, span.expand:before {
  content: "\e114"; }

.glyphicon-chevron-up:before, span.collapse:before {
  content: "\e113"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-cog:before, span.admin:before, span.manage:before, span.system:before {
  content: "\e019"; }

.glyphicon-download:before, span.download:before {
  content: "\e025"; }

.glyphicon-duplicate:before, span.copy:before {
  content: "\e224"; }

.glyphicon-edit:before, span.edit:before {
  content: "\e065"; }

.glyphicon-eye-open:before, span.view:before {
  content: "\e105"; }

.glyphicon-floppy-disk:before, span.save:before {
  content: "\e172"; }

.glyphicon-hand-up:before, span.select:before {
  content: "\e129"; }

.glyphicon-heart:before, span.preferred:before {
  content: "\e005"; }

.glyphicon-home:before, span.home:before {
  content: "\e021"; }

.glyphicon-info:before, span.info:before {
  content: "\e086"; }

.glyphicon-italic:before, span.italic:before {
  content: "\e049"; }

.glyphicon-lock:before, span.locked:before {
  content: "\e033"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-right:before, span.nextlevel:before {
  content: "\e258"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-new-window:before, span.new-window:before {
  content: "\e164"; }

.glyphicon-ok:before, span.reinstate:before, span.accept:before, a.accept:before, span.update:before, span.success:before, span.start:before {
  content: "\e013"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-play:before, .start span:before {
  content: "\e072"; }

.glyphicon-plus:before, span.add:before, span.insert:before {
  content: "\2b"; }

.glyphicon-refresh:before, span.refresh:before, span.replace:before {
  content: "\e031"; }

.glyphicon-remove:before, span.close:before, span.delete:before, a.decline:before, span.cancel:before, span.remove:before {
  content: "\e014"; }

.glyphicon-repeat:before, span.repeat:before, span.update-alt:before {
  content: "\e030"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-shopping-cart:before, .cart-button .cart-icon:before {
  content: "\e116"; }

.glyphicon-stop:before, .stop span:before, #ePC_main_navigation #ePC_loginlogout a.stop:before {
  content: "\e074"; }

.glyphicon-tag:before, span.tag:before {
  content: "\e042"; }

.glyphicon-transfer:before {
  content: "\e042"; }

.glyphicon-triangle-down:before {
  content: "\e252"; }

.glyphicon-triangle-up:before {
  content: "\e253"; }

.glyphicon-warning:before, span.warning:before {
  content: "\e107"; }

span.warning {
  color: orange; }

span.delete, a.decline, span.cancel, span.remove {
  color: red;
  cursor: pointer; }

span.save {
  color: green;
  cursor: pointer; }

span.cancel {
  padding: 6px; }

span.reinstate, span.accept, a.accept {
  color: green;
  cursor: pointer; }

span.locked {
  color: #ffbbbb; }

span.alert {
  color: red; }

span.preferred {
  color: #E75480; }

span.success, span.start {
  color: green; }

.warning {
  color: #FF4500; }

span.small {
  font-size: 0.75em; }

div.ui-progressbar {
  width: 250px;
  display: inline-block; }

div.ui-progressbar div.ui-progressbar-value {
  height: 2em; }

#ePrintcost {
  margin: 0px auto; }

.content {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: 89%;
  display: table; }

#ePC_header, #ePC_main_navigation, #ePC_welcome, #ePC_subnavigation, #ePC_footer, #ePC_footernavigation {
  width: 89%;
  /*padding: 0px ($outerWidth - $width)/2;	*/
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  /* .content { max-width: 1740px; } */ }
  #ePC_header a, #ePC_main_navigation a, #ePC_welcome a, #ePC_subnavigation a, #ePC_footer a, #ePC_footernavigation a {
    display: inline-block;
    margin: 0px;
    text-decoration: none; }
  #ePC_header a:visited, #ePC_main_navigation a:visited, #ePC_welcome a:visited, #ePC_subnavigation a:visited, #ePC_footer a:visited, #ePC_footernavigation a:visited {
    text-decoration: none; }
  #ePC_header ul, #ePC_main_navigation ul, #ePC_welcome ul, #ePC_subnavigation ul, #ePC_footer ul, #ePC_footernavigation ul {
    display: inline;
    position: relative;
    padding: 0px;
    margin: 0px;
    cursor: pointer; }
    #ePC_header ul li, #ePC_main_navigation ul li, #ePC_welcome ul li, #ePC_subnavigation ul li, #ePC_footer ul li, #ePC_footernavigation ul li {
      list-style: none;
      display: inline; }
    #ePC_header ul ul, #ePC_main_navigation ul ul, #ePC_welcome ul ul, #ePC_subnavigation ul ul, #ePC_footer ul ul, #ePC_footernavigation ul ul {
      display: none; }
    #ePC_header ul li:hover > ul, #ePC_main_navigation ul li:hover > ul, #ePC_welcome ul li:hover > ul, #ePC_subnavigation ul li:hover > ul, #ePC_footer ul li:hover > ul, #ePC_footernavigation ul li:hover > ul {
      display: block; }

.page-preview {
  background-color: #F5F5F5;
  text-align: center;
  vertical-align: top;
  width: 100%; }

#ePC_header {
  height: 120px;
  margin-top: 15px; }
  #ePC_header .header_left {
    float: left;
    width: 410px;
    height: 120px;
    background: url("/Custom/Printcentral/Domain/assets/images/logo_header.png") no-repeat left top; }
  #ePC_header .header_right {
    float: right;
    text-align: right;
    height: 120px;
    font: 0/0 a; }
  #ePC_header .header_right:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #ePC_header .header_right img {
    vertical-align: middle;
    max-height: 120px; }
  #ePC_header img {
    height: 89px; }

#ePC_main_navigation, #ePC_footernavigation {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; }
  #ePC_main_navigation a, #ePC_footernavigation a {
    color: #ffffff;
    /*		background-color: $menuBackgroundColour;*/
    /*&:hover, &:active {
            color: $menuTextColourHover;
        }*/ }
  #ePC_main_navigation ul li:hover, #ePC_main_navigation ul li:active, #ePC_footernavigation ul li:hover, #ePC_footernavigation ul li:active {
    background: #4E7614; }
    #ePC_main_navigation ul li:hover a, #ePC_main_navigation ul li:active a, #ePC_footernavigation ul li:hover a, #ePC_footernavigation ul li:active a {
      color: #ffffff;
      /*background-color: $menuBackgroundColourHover;wrong maybe????*/
      text-decoration: none; }

/*#ePC_welcome, #ePC_subnavigation,  #ePC_footer {*/
#ePC_welcome, #ePC_subnavigation, #ePC_footer {
  background-color: #F5F5F5;
  /* has to blend in with Printcost logo background */ }

.previewPane {
  background-color: #F5F5F5; }

#ePC_footer {
  text-align: right; }

#ePC_main_navigation, #ePC_subnavigation {
  line-height: 25px;
  display: table; }
  #ePC_main_navigation div.navline, #ePC_subnavigation div.navline {
    height: 25px;
    width: 5px;
    background-image: url("/assets/images/navline.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -7.5px; }
  #ePC_main_navigation li, #ePC_subnavigation li {
    padding: 0px 18px; }

#ePC_subnavigation {
  margin-top: 15px; }

.heading {
  font-size: 18px;
  font-weight: 500; }

#ePC_main_navigation {
  background-color: #7DB928;
  border-radius: 0 0 0px 0px;
  font-size: 14px; }
  #ePC_main_navigation #ePC_loginlogout {
    float: right; }
    #ePC_main_navigation #ePC_loginlogout a.stop {
      color: red !important; }
  #ePC_main_navigation ul {
    display: table-cell;
    padding: 0px;
    margin: 0px; }
    #ePC_main_navigation ul > li {
      float: left;
      position: relative;
      vertical-align: bottom;
      height: 25px; }
      #ePC_main_navigation ul > li:hover > ul, #ePC_main_navigation ul > li:focus > ul, #ePC_main_navigation ul > li:active > ul {
        display: block; }
        #ePC_main_navigation ul > li:hover > ul a, #ePC_main_navigation ul > li:focus > ul a, #ePC_main_navigation ul > li:active > ul a {
          color: #ffffff; }
        #ePC_main_navigation ul > li:hover > ul > li:hover a, #ePC_main_navigation ul > li:hover > ul > li:focus a, #ePC_main_navigation ul > li:hover > ul > li:active a, #ePC_main_navigation ul > li:focus > ul > li:hover a, #ePC_main_navigation ul > li:focus > ul > li:focus a, #ePC_main_navigation ul > li:focus > ul > li:active a, #ePC_main_navigation ul > li:active > ul > li:hover a, #ePC_main_navigation ul > li:active > ul > li:focus a, #ePC_main_navigation ul > li:active > ul > li:active a {
          color: #ffffff; }
      #ePC_main_navigation ul > li a .caret {
        margin-left: 8px;
        border-color: #ffffff transparent #ffffff; }
      #ePC_main_navigation ul > li a:hover .caret, #ePC_main_navigation ul > li a:focus .caret, #ePC_main_navigation ul > li a:active .caret {
        border-color: #ffffff transparent #ffffff; }
      #ePC_main_navigation ul > li > img {
        width: 0;
        height: 0; }
      #ePC_main_navigation ul > li > ul {
        display: none;
        background: #7DB928;
        border-radius: 0px;
        padding: 0;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 1;
        border-radius: 0px 0px 0 0; }
        #ePC_main_navigation ul > li > ul.right {
          right: 0px;
          left: auto; }
        #ePC_main_navigation ul > li > ul li {
          display: block;
          position: relative;
          white-space: nowrap;
          width: 100%; }
        #ePC_main_navigation ul > li > ul ul {
          position: absolute;
          left: 100%;
          top: 0; }

#GoToCart {
  top: 2px;
  position: relative; }

#ePC_welcome {
  display: table;
  line-height: 34px; }
  #ePC_welcome #ePC_userdetails {
    display: table-cell;
    font-size: 1.1em;
    padding-left: 18px;
    color: black; }
  #ePC_welcome #ePC_orderstatistics {
    display: table-cell;
    text-align: right;
    width: 30px; }
  #ePC_welcome .welcome_message img {
    vertical-align: middle; }
  #ePC_welcome .UserName {
    display: inline-block;
    vertical-align: middle; }
  #ePC_welcome .multipleuser {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px; }

#ePC_footernavigation {
  text-align: center;
  font-size: 12px;
  background-color: #7DB928;
  border-radius: 0px 0px 0 0; }
  #ePC_footernavigation a {
    padding: 0px 6px; }

#ePC_footer p {
  margin: 0;
  padding-top: 6px;
  font-size: 12px;
  text-align: center; }

#ePC_content {
  color: #888888;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 12px;
  overflow: auto;
  width: 89%;
  /*max-width: 1740px;*/
  min-height: 400px; }

.ui-widget-content {
  color: #888888; }

.cart ul.statistics {
  left: auto;
  right: 0; }

.cart-button {
  position: relative;
  padding: 6px 12px;
  border: 0;
  background: none; }
  .cart-button .cart-icon {
    font-size: 18px;
    position: relative;
    top: 6px;
    left: 0; }
  .cart-button .cart-number {
    position: absolute;
    left: 16px;
    top: 1px;
    color: blue;
    font-weight: bold; }

#preview {
  border: 1px solid #dededb;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(222, 222, 219, 0.6);
  position: absolute;
  display: none; }

input.hide-input {
  text-align: left;
  text-indent: -20px; }

input.hideme {
  position: absolute;
  top: -9999px;
  visibility: hidden; }

/*
	Creates a list of items that look similar to buttons (but no rounded corners or glow). Text is set at 12px and height at 36px
	to allow for two rows of text if needed. Width of each 'button' is also set. List should be within a <div> and is responsive to the
	width of the div.
	Used on the DOManageDocuments.aspx page
 */
.linkButtonContainer {
  width: 100%;
  text-align: left;
  padding: 0px;
  margin: 4px 0px;
  clear: left; }

.linkButtonContainer ul {
  padding: 0; }

/* set to 0  */
.linkButtonContainer li {
  list-style: none;
  float: left;
  display: table;
  font-size: 12px;
  width: 200px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eaeae8;
  color: #888888;
  text-align: center;
  height: 36px;
  line-height: 38px;
  cursor: pointer;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff; }

.linkButtonContainer li > span, .linkButtonContainer li > a {
  position: relative;
  vertical-align: middle;
  display: table-cell;
  line-height: normal;
  text-align: center; }

.linkButtonContainer li.selected {
  background-color: #c8c8c3; }

#tabContainerShowAll .btn, #tabContainerShowAll .cart-button, #tabContainerShowAll .breadcrumb a, .breadcrumb #tabContainerShowAll a {
  width: 199px;
  height: 37px;
  margin-top: 1px !important; }

/* text-align:center; color:Black; font-weight:bold; height:25px; cursor:pointer; border:1px solid Black; margin-bottom:1px;} */
.subcategories {
  clear: both; }

.subcategories .nextlevel {
  float: left;
  font-size: 28px;
  margin: 2px 0 0 -16px; }

/*
	Creates a list of items that have a title whose name acts as a link and can be clicked on to expand the item. The item can
	take a menu of links (set in a table), a small_menu, an edit table and a pendDocs section
	Used on the DOManageDocuments.aspx page and DOListCustomerTemplates page
*/
.expandableList {
  height: 200px;
  padding: 5px;
  display: table;
  width: 100%; }

/* border:1px solid Black; */
.expandableList .listMenuStyle {
  margin-top: 10px;
  margin-left: 5px;
  display: block; }

.expandableList .title .name {
  font-size: 1.2em; }

.expandableList .title .name.expand {
  color: #3093f7;
  cursor: pointer; }

.expandableList .title .expandcollapse {
  cursor: pointer; }

.expandableList .title .expandcollapse.nodesc:before {
  content: "";
  min-width: 14px;
  display: inline-block; }

.expandableList .title .custCode {
  margin-left: 20px; }

.expandableList .description {
  margin-left: 20px;
  margin-top: 10px; }

.expandableList .title img {
  position: relative;
  top: 3px;
  cursor: pointer; }

.expandableList .title a {
  text-decoration: none; }

.expandableList ul.actions {
  display: block;
  margin-left: 20px;
  padding: 0px; }

.expandableList ul.actions li {
  display: inline-block;
  list-style: none;
  padding: 3px 6px;
  margin-right: 12px; }

.expandableList .childDocuments {
  margin-top: 12px; }

.expandableList .childDocuments .item, .expandableList .pages .item {
  display: inline-block;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .expandableList .childDocuments .item:hover, .expandableList .pages .item:hover {
    overflow: visible;
    z-index: 1;
    position: relative; }
  .expandableList .childDocuments .item a, .expandableList .pages .item a {
    text-decoration: none;
    white-space: nowrap; }
    .expandableList .childDocuments .item a + a:hover, .expandableList .pages .item a + a:hover {
      background: #ffffff;
      padding-right: 10px; }
  .expandableList .childDocuments .item span.edit, .expandableList .pages .item span.edit {
    margin: 0px;
    padding-right: 6px; }
  .expandableList .childDocuments .item span.remove, .expandableList .pages .item span.remove {
    margin: 0px;
    padding-right: 6px; }

.expandableList .childDocs {
  margin-top: 15px;
  margin-left: 20px; }

.expandableList .edit .title {
  font-weight: bold; }

.expandableList .pendDocs {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }

.expandableList .pendDocs select {
  z-index: 1; }

.expandableList .pendDocs .title {
  font-weight: bold; }

.expandableList .listMenuStyle .thumbnailCell {
  display: inline-block;
  vertical-align: top;
  width: 200px; }

.expandableList .listMenuStyle .templateCell {
  display: inline-block;
  vertical-align: top; }

.attachDocsContainer {
  border: 1px solid #dededb;
  background-color: #f9f9f9;
  width: 350px;
  max-height: 175px;
  display: none;
  position: absolute;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.attachDocsContainer .title {
  margin-top: 0px;
  margin-left: 15px;
  font-size: 1.2em; }

.attachDocsContainer .docList {
  height: 130px;
  overflow: auto; }

.attachDocsContainer ul {
  list-style-type: decimal;
  margin-top: 8px; }

.attachDocsContainer ul li {
  margin-top: 3px; }

.attachDocsContainer a {
  text-decoration: none; }

.attachDocsContainer a:hover {
  text-decoration: underline; }

.attachDocsContainer .emptyDoc {
  font-weight: bold;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: Red; }

.attach_button {
  cursor: pointer;
  position: relative;
  top: -1px;
  left: 335px; }

ul.spacedTitles {
  list-style-type: none;
  line-height: 2em;
  font-size: 1.1em; }

ul.unbulleted {
  list-style: none; }

hr {
  color: #ffffff;
  border-top: 2px solid #dededb; }
  hr.dashed-input {
    border-top: 2px dashed #dededb; }

br {
  clear: both; }

.numeric {
  text-align: right; }

.numericGold {
  text-align: right;
  background: #ede9d8; }

.numericGold .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%; }

.numericGold:hover .tooltiptext {
  visibility: visible; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent; }

.ddl, .cart {
  display: inline-block;
  position: relative !important;
  margin-bottom: 4px; }
  .ddl > button, .cart > button, .ddl > input, .cart > input, .ddl > .btn, .cart > .btn, .ddl > .cart-button, .cart > .cart-button, .breadcrumb .ddl > a, .breadcrumb .cart > a {
    margin-bottom: 0px;
    padding-right: 30px; }
    .ddl > button:after, .cart > button:after, .ddl > input:after, .cart > input:after, .ddl > .btn:after, .cart > .btn:after, .ddl > .cart-button:after, .cart > .cart-button:after, .breadcrumb .ddl > a:after, .breadcrumb .cart > a:after {
      position: absolute;
      top: 18px;
      right: 10px;
      display: inline-block;
      border-right: 6px solid transparent;
      border-top: 6px solid;
      border-left: 6px solid transparent;
      content: ""; }
    .ddl > button.text:after, .cart > button.text:after, .ddl > input.text:after, .cart > input.text:after, .ddl > .btn.text:after, .cart > .btn.text:after, .ddl > .text.cart-button:after, .cart > .text.cart-button:after, .breadcrumb .ddl > a.text:after, .breadcrumb .cart > a.text:after {
      top: 16px; }
  .ddl:hover > ul, .cart:hover > ul, .ddl:focus > ul, .cart:focus > ul, .ddl:active > ul, .cart:active > ul {
    display: block !important; }
  .ddl > ul, .cart > ul {
    text-align: left;
    display: none !important;
    background: #fff;
    border-radius: 0px 0px 0 0;
    padding: 0px !important;
    position: absolute !important;
    top: 100%;
    left: -1px;
    margin-top: 0px !important;
    z-index: 1;
    border: 1px solid #dededb;
    background-color: #ffffff; }
    .ddl > ul:hover, .cart > ul:hover, .ddl > ul:focus, .cart > ul:focus {
      outline: 0px none;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(234, 234, 232, 0.6);
      /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
    .ddl > ul.disabled, .cart > ul.disabled, .ddl > ul:disabled, .cart > ul:disabled, .ddl > ul[readonly], .cart > ul[readonly] {
      border: 1px solid #f1f1f0; }
    .ddl > ul.active, .cart > ul.active, .ddl > ul:active, .cart > ul:active {
      box-shadow: none !important; }
    .ddl > ul.right, .cart > ul.right {
      left: auto;
      right: 0px; }
      .ddl > ul.right li, .cart > ul.right li {
        text-align: right; }
    .ddl > ul li, .cart > ul li {
      display: block !important;
      position: relative;
      white-space: nowrap;
      padding: 6px 12px;
      margin: 0px !important;
      line-height: 1.42857; }
      .ddl > ul li:hover, .cart > ul li:hover, .ddl > ul li:focus, .cart > ul li:focus {
        background-color: #f9f9f9; }
      .ddl > ul li a, .cart > ul li a {
        text-decoration: none; }
    .ddl > ul ul, .cart > ul ul {
      position: absolute;
      left: 100%;
      top: 0; }

span.waiting {
  background-image: url("/assets/images/waiting.gif");
  background-repeat: no-repeat;
  display: inline-block;
  height: 8px;
  width: 36px;
  vertical-align: bottom; }

.error, .remove, .red, .errortype {
  color: red; }

p.success, p.start {
  color: green; }

p.small {
  font-size: 12px; }

p.cantmissme {
  font-size: 50px; }

input.error, select.error, textarea.error {
  color: #888888;
  background-color: #fee; }

input.cmyk {
  width: 65.5px; }

.quarter {
  display: inline-block;
  width: 25%; }

.threequarters {
  display: inline-block;
  width: 74.5%; }

.third {
  display: inline-block;
  width: 32%; }

.twothirds {
  display: inline-block;
  width: 66%; }

.half {
  display: inline-block;
  width: 49.5%; }

.SearchHalf {
  display: inline-block; }

.checkOut {
  margin: 10px 0px 10px 5px; }

.fillWidth {
  display: table;
  width: 100% !important;
  min-width: 100% !important; }

.fill {
  width: 100% !important; }

.inline {
  display: inline-block; }

.contentCentre {
  text-align: center; }

.contentRight {
  text-align: right; }

.contentLeft {
  text-align: left; }

.centreBlock {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.centre {
  margin-left: auto;
  margin-right: auto; }

.right {
  display: block;
  margin-left: auto;
  margin-right: 0; }

.floatRight {
  float: right !important; }
  .floatRight:after {
    clear: both; }

.floatLeft {
  float: left !important; }
  .floatLeft:after {
    clear: both; }

.top {
  vertical-align: top; }

.bottom {
  vertical-align: bottom; }

.pad {
  padding: 6px 12px; }

.padTop {
  padding-top: 6px; }

.padSides {
  padding-left: 12px;
  padding-left: 12px; }

.autoWidth {
  width: auto !important;
  min-width: auto !important; }

.wide20 {
  width: 20px !important; }

.wide40 {
  width: 40px !important; }

.wide60 {
  width: 66px !important; }

.wide80 {
  width: 80px !important; }

.wide100 {
  width: 100px !important; }

.wide120 {
  width: 120px !important; }

.wide140 {
  width: 140px !important; }

.wide200 {
  width: 200px !important; }

.wide240 {
  width: 240px !important; }

.wide260 {
  width: 260px !important; }

.wide320 {
  width: 320px !important; }

.wide360 {
  width: 360px !important; }

.wide450 {
  width: 450px !important; }

.wide540 {
  width: 540px !important; }

.wide640 {
  width: 640px !important; }

.wide660 {
  width: 660px !important; }

.wide760 {
  width: 760px !important; }

.border {
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

a .border, a.border {
  border-color: #3093f7; }

.border-noradius {
  border-color: inherit !important;
  border-width: 1px !important;
  border-style: solid !important; }

.heightPagesImage {
  height: 80px; }

#pageContainer {
  position: relative; }
  #pageContainer .pagesLabelCont {
    background-color: #eaeae8;
    color: #888888;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2em;
    /* line-height of .wrapper div:first-child span */
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    #pageContainer .pagesLabelCont .pagesLabel {
      -moz-transform-origin: 0 50%;
      -moz-transform: rotate(-90deg) translate(-50%, 50%);
      -webkit-transform-origin: 0 50%;
      -webkit-transform: rotate(-90deg) translate(-50%, 50%);
      -o-transform-origin: 0 50%;
      -o-transform: rotate(-90deg) translate(-50%, 50%);
      -ms-transform-origin: 0 50%;
      -ms-transform: rotate(-90deg) translate(-50%, 50%);
      transform-origin: 0 50%;
      transform: rotate(-90deg) translate(-50%, 50%);
      position: absolute;
      top: 0;
      bottom: 0;
      height: 2em;
      /* line-height of .wrapper div:first-child span */
      margin: auto;
      font-weight: bold;
      font-size: 1em;
      line-height: 2em;
      /* Copy to other locations */ }
  #pageContainer #pagesList {
    padding: 6px 12px 6px 32px; }

.textAsInputBorderColour {
  color: #dededb; }

.flip-horiz {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1); }

.borderless {
  border: none !important; }

.pdf {
  background: transparent url(/assets/images/pdf.gif) scroll no-repeat left center;
  padding: 2px 0px 2px 30px;
  min-height: 25px;
  display: inline-block; }

.pdf-right {
  background: transparent url(/assets/images/pdf.gif) scroll no-repeat right center;
  padding: 2px 30px 2px 0px;
  min-height: 25px;
  display: inline-block; }

.usereditable {
  background: transparent url(/assets/images/edit_user16.png) scroll no-repeat right center;
  padding: 2px 16px 2px 0px;
  min-height: 16px;
  display: inline-block; }

.add-horiz-scroll {
  overflow-x: auto; }

.cell {
  display: table-cell; }

div.input-file, div.file-upload {
  width: 266px;
  border: 1px solid black;
  display: inline-table;
  position: relative;
  margin: 4px 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  vertical-align: middle;
  line-height: 1.42857;
  text-align: left;
  font-size: 14px;
  background-color: white;
  border: 1px solid #dededb; }
  div.input-file:hover, div.input-file:focus, div.file-upload:hover, div.file-upload:focus {
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.075) inset, 0px 0px 8px rgba(234, 234, 232, 0.6);
    /*	&.disabled, &[readonly] {
				box-shadow: none;
			}*/ }
  div.input-file.disabled, div.input-file:disabled, div.input-file[readonly], div.file-upload.disabled, div.file-upload:disabled, div.file-upload[readonly] {
    border: 1px solid #f1f1f0; }
  div.input-file.active, div.input-file:active, div.file-upload.active, div.file-upload:active {
    box-shadow: none !important; }
  div.input-file.multiple, div.file-upload.multiple {
    display: table; }
  div.input-file span, div.file-upload span {
    display: table-cell;
    padding: 6px 12px; }
    div.input-file span.btn, div.input-file span.cart-button, div.input-file span.remove, div.file-upload span.btn, div.file-upload span.cart-button, div.file-upload span.remove {
      position: relative;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 16px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-width: 0px 0px 0px 1px; }
    div.input-file span.remove, div.file-upload span.remove {
      z-index: 2;
      color: red;
      padding-right: 0px; }
      div.input-file span.remove:before, div.file-upload span.remove:before {
        content: "\e014"; }
    div.input-file span.btn:after, div.input-file span.cart-button:after, div.file-upload span.btn:after, div.file-upload span.cart-button:after {
      content: "\e093"; }
  div.input-file input[type=file], div.file-upload input[type=file] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block !important;
    width: 266px !important;
    height: 2em !important;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 2; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.hidden, span[disabled] {
  display: none !important; }

fieldset.wide450 label {
  width: 200px; }

fieldset.wide450 input, fieldset.wide450 .input-group, fieldset.wide450 .breadcrumb, fieldset.wide450 .colourpicker {
  width: 200px; }

.colourpicker {
  display: inline-table !important;
  width: 266px;
  margin: 4px 0px; }
  .colourpicker > input {
    display: table-cell !important;
    min-width: 100%;
    width: 100% !important; }
  .colourpicker > .btn, .colourpicker > .cart-button, .breadcrumb .colourpicker > a {
    display: table-cell !important; }
    .colourpicker > .btn i, .colourpicker > .cart-button i, .breadcrumb .colourpicker > a i {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: text-top;
      cursor: pointer;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }

:focus {
  outline: none; }

.middle {
  vertical-align: middle; }

.cross-out {
  text-decoration: line-through; }

.hide-overflow {
  overflow: hidden;
  white-space: nowrap; }

.highlightedNote {
  color: red; }

.sideNote {
  font-style: italic;
  font-size: 90%; }

.standardFontSize {
  font-size: 1em; }

.required-mark.tight:before, .required_mark.tight:before {
  padding: 0px !important;
  margin: 0px !important; }

.required-mark.tight.inline, .required_mark.tight.inline {
  position: relative;
  width: 0.6em; }
  .required-mark.tight.inline:before, .required_mark.tight.inline:before {
    position: absolute;
    top: -0.45em; }

.required-mark:before, .required_mark:before {
  content: "*";
  color: red;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0px 0px 0px 4px;
  margin-right: -6px;
  line-height: 0.75em; }

.forRequired:after {
  content: "*";
  color: red;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0px 0px 0px 4px;
  margin-right: -9px;
  margin-left: -1px;
  line-height: 0.75em; }

.required-text, .required_text {
  color: red;
  font-size: 0.9em; }

.nudgeRight {
  margin-left: 6px; }

.nudgeLeft {
  margin-left: -5px; }

.cellContentMiddle {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.tableLayout {
  display: table !important; }

.cell {
  display: table-cell; }

/*
.breadcrumb {
	//centering
	display: inline-block;
	overflow: hidden;
	border-radius: $cornerRadius;
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	line-height: 34px;
	color: $textColour;
	//need more margin on the left of links to accomodate the arrows
	padding: 0 10px 0 40px;
	background: #F5F5F5;
	//background: linear-gradient(#cccccc, #aaaaaa);
	position: relative;
	font-weight:bold;
}
//since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links
.breadcrumb a:first-child {
	padding-left: 20px;
	border-radius: $cornerRadius 0 0 $cornerRadius; //to match with the parent's radius
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	border-radius: 0 $cornerRadius $cornerRadius 0; //this was to prevent glitches on hover
	padding-right: 20px;
}

//hover/active styles
.breadcrumb a.active, .breadcrumb a:hover{
	background: darken(#F5F5F5, 10%);
	//background: linear-gradient(#333, #000);
	&:after {
		background: darken(#F5F5F5, 10%);
		//background: linear-gradient(135deg, #333, #000);	
	}
}


//adding the arrows for the breadcrumbs using rotated pseudo elements
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -17px; //half of square's length
	//same dimension as the line-height of .breadcrumb a 
	width: 34px; 
	height: 34px;
	//as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	//length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	//if diagonal required = 1; length = 1/1.414 = 0.707
	transform: scale(0.707) rotate(45deg);
	//we need to prevent the arrows from getting buried under the next link
	z-index: 1;
	//background same as links but the gradient will be rotated to compensate with the transform applied
	background: #F5F5F5;
	//background: linear-gradient(135deg, #cccccc, #aaaaaa);
	//stylish arrow design using box shadow
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);



	//	50px - to prevent hover glitches on the border created using shadows
	border-radius: 0 $cornerRadius 0 50px;
}
//we dont need an arrow after the last link
.breadcrumb a:last-child:after {
	content: none;
}
*/
.breadcrumb a {
  height: 36px;
  background: #F5F5F5;
  padding: 6px 10px; }
  .breadcrumb a.active {
    background-image: none;
    background: gainsboro;
    cursor: text; }
    .breadcrumb a.active.active:hover {
      background-image: none;
      background: gainsboro; }

/*---------------*/
/* Start Menu*/
#start_top {
  margin-top: 15px;
  margin-left: 15px; }

#start_top table {
  width: 100%;
  font-size: 14px; }

#start_top table td {
  text-align: left;
  vertical-align: top; }

#start_top table td div {
  margin-left: 15px;
  margin-right: 10px; }

#start_top table td span {
  font-weight: bold;
  color: Red; }

#start_schema {
  margin-top: 10px;
  position: inherit; }

#schema_home {
  position: inherit;
  width: 120px;
  cursor: pointer;
  left: 0px;
  float: left; }

#schema_home table {
  width: 120px;
  height: 100%; }

#schema_home table td {
  vertical-align: middle; }

#schema_link {
  width: 2px;
  background-color: black;
  position: relative;
  float: left;
  top: 36px;
  left: 1px; }

.branch_level1 {
  position: relative;
  width: 800px;
  text-align: left;
  float: left; }

.level1 {
  width: 180px;
  float: left;
  left: 1px;
  background-image: url("/assets/images/schema/l1.gif");
  background-repeat: no-repeat; }

.level1 span {
  position: relative;
  left: 31px;
  font-size: 12px;
  font-weight: bold;
  color: White;
  float: left; }

.level1 div {
  position: relative;
  left: 50px;
  top: -50px;
  width: 200px;
  cursor: pointer;
  color: Black;
  font-weight: bold; }

.level1 div:hover {
  color: Red; }

.branch_level2 {
  width: 445px;
  position: relative;
  float: left; }

.branch_level2 .space {
  height: 1px; }

.branch_level2 .link {
  position: relative;
  float: left;
  left: 0px;
  width: 8px;
  background-image: url("/assets/images/schema/l2_link.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  border-right: 1px solid #5a5a5a; }

.level2 {
  position: relative;
  height: 35px;
  float: left;
  left: 1px; }

.level2 table.tablevel2 {
  height: 35px;
  position: relative;
  width: 100%; }

.level2 table.tablevel2 td {
  vertical-align: middle; }

.level2 table.tablevel2 td.backLevel2 {
  width: 27px;
  background-image: url("/assets/images/schema/l2.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%; }

.level2 table.tablevel2 td.textLevel2 {
  padding-left: 5px; }

.level2 table.tablevel2 td div {
  vertical-align: middle;
  cursor: pointer;
  color: Black;
  text-decoration: none; }

.level2 table.tablevel2 td div:hover {
  color: Red; }

.level2 table.tablevel2 td a {
  color: Black;
  text-decoration: none; }

.level2 table.tablevel2 td a:hover {
  color: Red; }

.branch_level3 {
  position: relative;
  left: 175px;
  width: 260px; }

.branch_level3 .link {
  position: relative;
  float: left;
  left: 0px;
  width: 8px;
  background-image: url("/assets/images/schema/l2_link.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  border-right: 1px solid #5a5a5a; }

.level3 {
  position: relative;
  height: 21px;
  float: left; }

.level3 table.tablevel3 {
  width: 100%;
  height: 21px; }

.level3 table.tablevel3 td {
  vertical-align: middle; }

.level3 table.tablevel3 td.back {
  width: 25px;
  background-image: url("/assets/images/schema/l3.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%; }

.level3 table.tablevel3 td.textLevel3 {
  padding-left: 5px; }

.level3 table.tablevel3 td div {
  vertical-align: middle;
  cursor: pointer;
  color: Black;
  text-decoration: none; }

.level3 table.tablevel3 td div:hover {
  color: Red; }

.level3 table.tablevel3 td a {
  color: Black;
  text-decoration: none; }

.level3 table.tablevel3 td a:hover {
  color: Red; }

/*--------------- end of start menu -----------------*/
/*
 Tree structure using CSS:
 http://stackoverflow.com/questions/14922247/how-to-get-a-tree-in-html-using-pure-css
*/
.tree, .tree ul {
  font: normal normal 14px/20px Helvetica, Arial, sans-serif;
  list-style-type: none;
  margin: 0 0 0 10px;
  padding: 10px;
  position: relative;
  overflow: hidden; }

.tree {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.tree > a {
  margin-left: 20px; }

.tree > ul {
  margin-top: 0px; }

.tree li {
  margin: 0;
  padding: 0 46px;
  position: relative; }

.tree li::before, .tree li::after {
  content: '';
  position: absolute;
  left: 0; }

.tree li::before {
  border-top: 2px solid #ccc;
  top: 20px;
  width: 40px;
  height: 0; }

.tree li:after {
  border-left: 2px solid #ccc;
  height: 100%;
  width: 10px;
  top: 22px; }

.tree ul li:last-child:after, .tree ul li.last:after {
  display: none; }

.tree ul li:first-child:before {
  border-left: 2px solid #ccc;
  border-top: none;
  border-bottom: 2px solid #ccc;
  height: 22px;
  top: 0px; }

.tree.hidebranches ul ul {
  display: none; }

.glow {
  -webkit-animation: glow 4s; }

@-webkit-keyframes glow {
  50% {
    box-shadow: 0 0 10px blue; } }

.dialog-error {
  z-index: 110;
  border: 1px solid #cd0a0a; }

.dialog-error .ui-dialog-titlebar, .dialog-error .ui-dialog-titlebar .ui-button, .ui-button.remove {
  color: #cd0a0a;
  background: #ccc url(/assets/css/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  border: 1px solid #fedecc; }

.ui-button.remove span {
  color: #cd0a0a; }

.dialog-error .ui-dialog-titlebar .ui-button .ui-icon {
  background-image: url(/assets/css/jquery-ui/images/ui-icons_cd0a0a_256x240.png); }

.fields {
  display: table-cell;
  width: 304px;
  /* widthOfInput + 2*12px (padding) */
  min-width: 200px; }

.fields label {
  display: block;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 2px;
  width: 250px;
  /* widthOfInput */ }

.previewPane a img {
  max-width: 100%;
  border: 1px solid #cccccc; }

/* For the ng-magnify directive */
.magnify-container {
  /*border: 1px solid #ccc;*/
  margin: auto;
  position: relative; }

.magnify-container .magnify-glass {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  background-repeat: no-repeat;
  z-index: 999; }

.magnify-container .magnify-image {
  width: 100%;
  height: 100%; }

.additionalInfo {
  cursor: pointer;
  position: absolute;
  background: #F5F5F5;
  border: solid 1px #999999;
  padding: 12px 13px 0px 0px;
  position: relative;
  /* down from 40 as the default (in chrome) */ }
  .additionalInfo h5 {
    margin: 2px; }
  .additionalInfo ul {
    padding-left: 20px;
    list-style: none; }
  .additionalInfo span.glyphicon-remove, .additionalInfo span.close, .additionalInfo span.delete, .additionalInfo span.cancel, .additionalInfo span.remove {
    position: absolute;
    right: 0; }

/* Providers */
#divSocialLogins {
  position: relative; }

a.googleProvider {
  background: url(/assets/images/google_signin.png) no-repeat;
  display: inline-block;
  height: 46px;
  width: 191px; }
  a.googleProvider:hover, a.googleProvider:focus {
    background: url(/assets/images/google_signin_focus.png) no-repeat; }
  a.googleProvider:active {
    background: url(/assets/images/google_signin_pressed.png) no-repeat; }

@media screen and (min-width: 1250.2px) {
  .wideInput {
    width: 798px; } }

@media screen and (min-width: 718.2px) and (max-width: 1250.2px) {
  .wideInput {
    width: 532px; } }

@media print {
  .noPrint {
    display: none; } }

@media only screen and (min-width: 1531px) and (max-width: 1820px) {
  #ePC_content, #ePC_subnavigation, #ePC_welcome, #ePC_main_navigation, #ePC_footer, #ePC_footernavigation, .content {
    width: 98%; } }

@media only screen and (min-width: 1000px) and (max-width: 1530px) {
  #ePC_content, #ePC_subnavigation, #ePC_welcome, #ePC_main_navigation, #ePC_footer, #ePC_footernavigation, .content {
    width: 99%; } }

@media only screen and (min-width: 1320px) and (max-width: 1500px) {
  textarea {
    width: 300px !important; } }

@media only screen and (min-width: 1320px) and (max-width: 1400px) {
  .InfoBandAboveStockGrid label {
    width: 260px !important;
    min-width: 120px !important; }
  label {
    width: 180px !important;
    min-width: 120px !important; } }

@media only screen and (min-width: 1000px) and (max-width: 1320px) {
  textarea {
    width: 250px !important; }
  .InfoBandAboveStockGrid label {
    width: 260px !important;
    min-width: 120px !important; }
  label {
    width: 150px !important;
    min-width: 120px !important; } }

input.ng-invalid-email, .InvalidBorder {
  border: 1px solid red; }

.password-container {
  position: relative;
  width: 100%; }

/*input[type="password"], input[type="text"] {
	padding-right: 30px;*/
/* Make space for the icon */
/*}*/
.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer; }

.toggle-password2 {
  position: relative !important;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer; }

.input-container {
  position: relative;
  display: inline-block;
  width: 100%;
  /* Adjust the width according to your needs */ }

.date-input {
  width: 100%;
  /* Adjust to fit your layout */
  padding-right: 25px;
  /* Space for the caret */ }

.caret2 {
  position: absolute;
  top: 50%;
  right: 10px;
  /* Adjust the position of the caret */
  transform: translateY(-50%);
  pointer-events: none;
  /* Ensures the caret does not interfere with clicking  */
  font-size: 12px;
  /* Adjust the size of the caret */
  color: #333;
  /* Color of the caret */ }